@import url('https://fonts.googleapis.com/css2?family=VT323&family=Roboto');
article {
  /*  leverage cascade for cross-browser gradients  */
  text-align: center;
} 
html {
  block-size: 100%;
  inline-size: 100%;
  font-family: 'VT323';
  position:fixed;
  margin: 0;
  backdrop-filter: blur(var(--value, 1rem)); --value: 4px;
}
body {
  background-image: url("https://cdn.wallpapersafari.com/4/21/zmaGlS.gif");
  background-color: -webkit-linear-gradient(#0c0c0c, #0d0f0e);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: -moz-linear-gradient(#0c0c0c, #0d0f0e);
  background-color: -o-linear-gradient(#0c0c0c, #0d0f0e);
  backdrop-filter: grayscale(var(--value, 100%)); --value: 70%;
  filter: text-shadow(0 0 10rem black);
  color:#57cc40;
  text-shadow: 2px 2px #0303039f;
  min-block-size: 3vw;
  min-inline-size: 100%;
  box-sizing: border-box;
  display: grid;
  font-size: min(200%, 5vmin);
  font-weight: 100;
  cursor: default;
}

h2, h3, h4, h5, h6 p, body {
  font-family: 'VT323';
  line-height: 5vw;
}

h1 {
  font-size: 10vw;
  line-height: 20vw;
  text-align: center;
  font-family: 'VT323';
}

.fa-heart {
  font-family: 'Roboto' !important;
}


@media screen and (max-width: 800px){
html {
width: 100%;

}
h1, h2, h3, h4, h5, h6 p, body{
  line-height: 8vw;
}
}

ul, li {
list-style: none;
}

a {
text-decoration: lawngreen;
}
a:hover{
  color: #53d66f;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
  text-decoration: #45af30;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}
@keyframes pulse {
  /*   Outward Pulse */
    25% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
  /*   Inward Pulse */
    75% {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
  
   .pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: infinite; 
  }