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, div{
display: flex;
color:white;
text-align:center;
font-size: 20px;
}
a {
color:#0E8BB8; 
text-decoration: none;
}
a:visited {
color: #0E8BB8; 
}
a:active {
color: #0E8BB8; 
}
a:hover { 
  text-decoration: underline;
}
ul {
  list-style-type: none;
  padding: 10px;
  border: 1px solid #ddd;

}

ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}

ul li:last-child {
  border-bottom: none
}
.scrollUp{
  width:40px;
  height:40px;
  opacity:0.3;
  position:fixed;
  bottom:50px;
  right:50px;
  display:none;
  text-indent:-9999px;
  background: url('/img/icon_top.png') no-repeat;
  }