#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;
}