#Header {
  min-height: 102pt;
}

#Header_Self {
  position: absolute;
  top: 3pt;
  left: 134pt;
  width: auto;
}

@media (max-width: 600px) {
  #Header_Self{
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    padding-bottom: 3pt;
    /*margin-top: 104pt;*/
  }
  #Header_Logo{
    top: inherit;
  }
}
@media (min-width: 600px){
  #Content{
    top: 120pt;
  }
}

sprite.github {
  background-image: url("../Assets/Sprites/github_sprite.svg");
  border-radius: 1.2em;
  background-color: white;
}

sprite.leetcode {
  background-image: url("../Assets/Sprites/leetcode_sprite.png");
  border-radius: 1.2em;
  background-color: white;
}

a.botsafe_file {
  position: relative;
}

.botsafe_file > .file_wait {
  position: absolute;
  right: 0px;
  top: 100%;
  width: 128pt;
  height: 32pt;
  z-index: 2;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: 1pt solid white;
  border-top-right-radius: 0;
}

.botsafe_file > .file_wait.file_wait_load {
  background-color: black;
  background-image: url("../Assets/UI/getfile--no-bots.apng");
}
.botsafe_file > .file_wait.file_wait_click_again {
  background-color: green;
  background-image: url("../Assets/UI/getfile_click_again.png");
}
