html, body{
  margin:0%;
  height:100%;
  font-family:"Architects Daughter";
  background-color:#1d1f4a;
}

#wrapper{
  margin:0 auto;
  width:60%;
  color:none;
  font-family:"Architects Daughter";
}

h1{
  color:#f7e2be;
  text-align:center;
}

h2{
  color:#f7e2be;
}

h3{
  color:#f7e2be;
}

p{
  color:#f7e2be;
  font-size:14pt;
}

a{
  color:#f2c983;
  font-size:14pt;
  font-family:"silkscreen",sans-serif; 
  padding: 20px;
  text-align: center;
}

a:link, a:visited{
  color:#f5c371;
  text-decoration:none;
  text-align: center;
}

a:active, a:hover{
  color:#FDAE24;
  text-decoration:underline;
}

img{
  margin:0%;
  width:100%;
}

#result{
  width:100%;
  height:80px;
  background-color:none;
  color:#f7e2be;
  font-size:30px;
}




#zoom{
  padding:5px;
  transition:transform 0.2s;  
  width:10px;
  height:10px;
  margin:0 auto;

}

#zoom:hover{
  transform: scale(1.5);
}