html {
   min-height: 100%;
   min-width: 100%;
   background-image:url('https://i.pinimg.com/originals/f9/ad/98/f9ad98041934c5d475794a64e1fc2e9a.gif');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   margin: 0;
   height: 100%;
   overflow: hidden;
   zoom: normal;
}

.clicker {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  height: 100vh;
}

@font-face {
  font-family: 'doge';
  src: url('dogesans-normal-webfont.woff2') format('woff2'),
       url('dogesans-normal-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

p {
  margin-top: 0em;
  color: white;
  font-size: 10vh ;
  font-family: 'doge', sans-serif;
  text-shadow: black 0.5vh 0.5vh;
}

a:link { color:white; text-decoration: none}
a:visited { color:white; text-decoration: none}
a:active { color:white; text-decoration: none}
h5 {
  margin-top: 0em;
  color: white;
  font-size: 5vh ;
  text-decoration: none;
  font-family: 'doge', sans-serif;
  text-shadow: black 0.5vh 0.5vh;
}

#image {
  height: 20%;
}

/* MEDIA QUERIES */
@media screen and (max-width: 767px) {  /* PHONE */
  p {
    font-size: 5vh ;
  }
  h5 {
    font-size: 2.5vh;
  }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {  /* TABLET */
  p {
    font-size: 5vh ;
  }
  h5 {
    font-size: 3vh;
  }
}

@media screen and (max-height: 500px) {  /* CUSTOM little height */
  p {
    font-size: 5vh ;
  }
  h5 {
    font-size: 3vh;
  }
}