* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* Mobile base styles (default) */
body { font-size: 1rem;background-color:#002c45;
    color:black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

/* Tablet and larger */
@media (min-width: 768px) {
  body { font-size: 1.125rem;background-color:#002c45
      ;
    color:black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      height:100%;
      width:100%
 }
}
.all{
    box-shadow:0px 0px 12px cyan inset;
    width:100%;
    height:100%
}
h1{
     background-color:silver;
  color:transparent;
    background:linear-gradient(90deg,cyan,purple);
    -webkit-background-clip:text;
  font-size:1.3rem;
  border-radius:15px;
    box-shadow: 2px 2px 12px silver;
    animation:bounce 5s ease-out infinite
}
@keyframes bounce{
    0%{
        transform:translate(40vw)
    }
    50%{
        transform: translateY(-40px)
    }
  100%{
      transform: translateY(40px)
  }  
}
    /* Aligns vertically */
    /* Required if you want vertical align