body {
  background-color: #383428;
  color: white;
}

.backLink {
display: flex;
color: rgba(255,255,255);
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: 20px 20px 20px 20px;
border-color: #0E8BB8;
}
p{
 display: flex;
 color: white;
 justify-content: center;
}
input:invalid, input:valid  {
background-color: #383428;
color: white;
border-radius: 20px 20px 20px 20px;
border-color: #0E8BB8;
margin: 5px;
}
h1{
display: flex;
justify-content: center;
margin: 5px;
}
#result{
  display: flex;
color:white;
justify-content: center;
font-size: 30px;
}
a {
color:white; 
text-decoration: none;
}
a:visited {
color: white; 
}
a:active {
color: white; 
}
a:hover { 
  text-decoration: underline;
  }
  .input, .button{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }