#heading {
  font-family: 'Righteous', cursive;
  font-size: 5.2vw;
  ;
  color: white;
  margin: 0%;
}

#me {
  font-size: 200%;
  margin-top: 0.2%;
  margin-bottom: 0%;
  font-family: 'Ubuntu Mono', monospace;
  font-size: 200%;

}

#red {
  color: red;
  font-family: 'Ubuntu Mono', monospace;
  font-size: 100%;
  margin: 0%;
}

#badge {
  position: absolute;
  top: 5px;
  right: 10px;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image {
  border-radius: 50%;
}


.link1 {
  font-family: 'Ubuntu Mono', monospace;
  font-size: 2.8vw;
  color: inherit;
  margin: 0px 5px 0px 5px;
  transition: 0.5s;
  color: white;
}

.link1:hover {
  color: #ec0000;
}

@media screen and (max-width: 785px) {
  .header1 {
    font-size: 8vw;
  }

  .link1 {
    font-size: 4vw;
  }

  #heading {
    font-family: 'Righteous', cursive;
    font-size: 300%;
    color: white;
    margin: 0%;
  }

  #me {
    font-size: 100%;
    margin-top: 0.2%;
    margin-bottom: 0%;
    font-family: 'Ubuntu Mono', monospace;
  }

  #red {
    color: red;
    font-family: 'Ubuntu Mono', monospace;
    font-size: 90%;
    margin: 0%;
  }
}

@media screen and (max-width: 765px) {
  body {
    text-align: center;
  }

  .header1 {
    font-size: 9vw;
  }

  .header2 {
    font-size: 2.5vw;
  }

  .link1 {
    font-size: 5vw;
  }

  #heading {
    font-family: 'Righteous', cursive;
    font-size: 500%;
    color: white;
    margin: 0%;
  }

  #me {
    font-size: 200%;
    margin-top: 0.2%;
    margin-bottom: 0%;
    font-family: 'Ubuntu Mono', monospace;
  }

  #red {
    color: red;
    font-family: 'Ubuntu Mono', monospace;
    font-size: 110%;
    margin: 0%;
  }
}


@media screen and (min-width: 1390px) {
  .header2 {
    font-size: 1.1vw;
  }

  #heading {
    font-family: 'Righteous', cursive;
    font-size: 500%;
    color: white;
    margin: 0%;
  }

  #me {
    font-size: 200%;
    margin-top: 0.2%;
    margin-bottom: 0%;
    font-family: 'Ubuntu Mono', monospace;
  }

  #red {
    color: red;
    font-family: 'Ubuntu Mono', monospace;
    font-size: 110%;
    margin: 0%;
    animation: flicker 5.843s infinite linear !important;

  }
}




/* Tryhackme badge customization */
.thm_stat {
  color: #fff !important;
  opacity: 0.9 !important;
  font-size: 14px !important;
}

#thm_badge {
  background-color: #fff0 !important;
}

.thm_avatar {
  border: 2px solid #ff0000fe !important;
}


.thm_stat {
  color: #36e800 !important;
  opacity: 0.9 !important;
}

.thm_rank {
  color: #36e800 !important;
}

div {
  background-color: #00000000 !important;
}