body {
    background-color: #383428;
    color: white;
  }
  
  .backLink {
  display: flex;
  color: rgba(255,255,255,1.8);
  text-decoration: none;
  text-shadow: 0 0 1px rgb(3,43,58);
  padding: .1em;
  margin: 10px;
  justify-content: center;
  align-items: center;
  background: #0E8BB8 linear-gradient(#0A5E7D, #0E8BB8);
  box-shadow:
   0 15px 12px -12px rgb(0,0,0),
   0 -2px 0 -1px rgb(20,110,140),
   0 -4px 0 -2px rgb(18,108,138),
   0 -6px 0 -3px rgb(16,106,136),
   0 -8px 0 -4px rgb(14,104,134),
   0 -10px 0 -5px rgb(12,102,132),
   0 -12px 0 -6px rgb(10,100,130);
  
  }
  
  #search{
  display: flex;
  color: rgba(255,255,255,1.8);
  text-decoration: none;
  text-shadow: 0 0 1px rgb(3,43,58);
  justify-content: center;
  align-items: center;
  background: #0E8BB8 linear-gradient(#0A5E7D, #0E8BB8);
  border-radius: 0 20px 20px 0;
  border-color: #0E8BB8;
  }
  p{
   display: flex;
   color: white;
   justify-content: center;
  }
  input:invalid, input:valid  {
  background-color: #383428;
  color: white;
  border-radius: 20px 0 0 20px;
  border-color: #0E8BB8;
  }
  h1{
  display: flex;
  justify-content: center;
  margin: 5px;
  }
  #result{
    display: flex;
  color:white;
  justify-content: center;
  font-size: 30px;
  }
  a {
  color:#0E8BB8; 
  text-decoration: none;
  }
  a:visited {
  color: #0E8BB8; 
  }
  a:active {
  color: #0E8BB8; 
  }
  a:hover { 
    text-decoration: underline;
    }