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);
}
.file{
  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);
}
#fileUpload{
  display: none;
}

/*#fileUpload{
  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);
}*/
p{
 display: flex;
 color: white;
 justify-content: center;
}
input:invalid, input:valid  {
background-color: #383428;
color: white;
}
h1{
display: flex;
justify-content: center;
margin: 5px;
}
#result{
  display: flex;
color:white;
justify-content: center;
font-size: 50px;
}
a {
color:#0E8BB8; 
text-decoration: none;
}
a:visited {
color: #0E8BB8; 
}
a:active {
color: #0E8BB8; 
}
a:hover { 
  text-decoration: underline;
  }