*{
  box-sizing: border-box;
}

body{
    background-image: url(/images/homewall.jpeg);
    background-size: cover;
    margin: auto;
}

h1{
    text-align: center;
    font-size: 500%;
    font-weight: 500;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(255, 255, 255);
    padding: 45px;
    animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 10px #ffffff3b, 0 0 20px #ffffff3a, 0 0 30px #ffffff24, 0 0 40px #efefef00;
  
  }
  
  to {
    text-shadow: 0 0 10px #fff, 0 0 30px #4db2ff, 0 0 40px #1d5865;
  }
}


button{
    transform: translate(-50%, -50%);
    background-image: linear-gradient(to left, rgb(55, 123, 213),  rgb(112, 137, 185), rgb(26, 120, 243));
    color: rgb(229, 226, 226);
    font-size: 16px;
    padding: 20px ;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    position: relative;
    top: 100px;
    left: 35%;
    text-shadow: 2px 2px 4px #25242453;
    border: 1px solid #0070bad3;
}

#cryptbtn{
  position: relative;
 left: 53%;
}


button:hover{
   border: none;
   color: rgb(255, 255, 255);
   box-shadow: -4px 4px 8px 0 rgba(251, 250, 250, 0.557), 0 6px 20px 0 rgba(227, 226, 226, 0.538);
}

@media only screen and (max-width:600px){
  body{ background-image: url(/images/whitewall.jpeg); overflow: scroll;}
  h1{ font-size: 400%; color: rgba(36, 20, 36, 0.834); animation: none;}
  button{ background-image: linear-gradient(rgb(244, 241, 243),rgb(254, 244, 244)); 
  padding: 4% 6%; color: rgba(12, 11, 12, 0.973); width: 50%; position: relative; left: 50%; box-shadow: -4px 4px 8px 0 rgba(33, 30, 30, 0.557), 0 6px 20px 0 rgba(44, 39, 39, 0.538); border: none;}
  button:hover{ color: black; background-image: linear-gradient(white, white); box-shadow: -4px 4px 8px 0 rgba(30, 27, 27, 0.557), 0 6px 20px 0 rgba(28, 25, 25, 0.538);}
  #normalbtn{ position: relative; top: 50px;}
  #cryptbtn{left: 50%; margin-top: 4%;}
 }

 @media only screen and (max-width:300px){
  body{ background-image: url(/images/whitewall.jpeg); overflow: scroll;}
  h1{ font-size: 300%; color: rgba(36, 20, 36, 0.834); animation: none;}
  button{ background-image: linear-gradient(rgb(244, 241, 243),rgb(254, 244, 244)); 
  padding: 3% 5%; color: rgba(12, 11, 12, 0.973); width: 70%; position: relative; left: 50%; box-shadow: -4px 4px 8px 0 rgba(33, 30, 30, 0.557), 0 6px 20px 0 rgba(44, 39, 39, 0.538); border: none;
  font-size: 15px;}
  button:hover{ color: black; background-image: linear-gradient(white, white); box-shadow: -4px 4px 8px 0 rgba(30, 27, 27, 0.557), 0 6px 20px 0 rgba(28, 25, 25, 0.538);}
  #normalbtn{ position: relative; top: 20px;}
  #cryptbtn{left: 50%; margin-top: 20%;}
 }