/* daily update setup */
body {
  background-image: url("Backgrounds/hcosky3.png");
  background-repeat: no-repeat;
  position: fixed;
  color: black;
  font-family: Verdana;
  font-size: 25;
  overflow-x: hidden;
}
.full-width-element {
    width: 100vw;
}
h1 {
    position: fixed;
    text-align: center;
    top: -0.5vh;
    width: 92vw;
    font-size: 2.5vh;
    margin: 2.5vh;
    padding: 3vh;
    border-style: outset;
    border-color: lightgreen;
    background-color: lightgreen;
    border-width: 0.5vw;
    color: black;
}
h2 {
    color: red;
    background-color: white;
    text-align: center;
    font-size: 2vh;
    margin: 2vh;
    padding: 2vh;
    border-style: outset;
    position: absolute;
    left: 1vw;
    top: 110vh;
}
p {
    color: black;
    font-size: 2vh;
    position: absolute;
    left: 34.2vw;
    top: 27vh;
}
p1 {
    color: blue;
    background-color: white;
    text-align: center;
    font-size: 2vh;
    margin: 2vh;
    padding: 3vh;
    border-style: outset;
    position: absolute;
    left: 1vw;
    top: 117vh;
}
p2 {
    color: black;
    font-size: 2vh;
    position: absolute;
    left: 27.5vw;
    top: 33vh;
    text-align: left;
}
#scale {
    left: 27.5vw;
    top: 33vh;
}
#days {
    left: 27.5vw;
    top: 68vh;
}
#current {
  left: 5vw;
  top: 30vh;
}
#lifetime {
  left: 5vw;
  top: 35vh;
}
#bandwidth {
  left: 35vw;
  top: 90vh;
}
a {
    color: blue;
}

#the_chart {
  position: absolute;
  width: 65vw;
  height: 65vh;
  left: 17vw;
  top: 20vh;
  text-align: center;
}

#globie {
  position: absolute;
  left: 67vw;
  top: 21vh;
  width: 13vw;
  height: 13vh;
}

#plus1 {
  position: absolute;
  width: 10vw;
  height: 10vh;
  left: 23vw;
  top: 20vh;
}
#minus1 {
  position: absolute;
  width: 14vw;
  height: 14vh;
  left: 21vw;
  top: 35vh;
}
#plus2 {
  position: absolute;
  width: 10vw;
  height: 10vh;
  left: 23vw;
  top: 55vh;
}
#minus2 {
  position: absolute;
  width: 14vw;
  height: 14vh;
  left: 21vw;
  top: 70vh;
}

#wipe {
  position: absolute;
  left: -35vw;
  top: -13vh;
  width: 170vw;
  height: 120vh;
  opacity: 1.0;
}
#icon_home {
  position: fixed;
  width: 12vw;
  height: 12vh;
  left: 1vw;
  top: 2.5vh;
  text-align: center;
}

/* bottom */
#logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1.3vh;
    width: 45%;
}
.main_menu_bgm {
    position: fixed;
    left: 80vw;
    top: 5vh;
}
#neocities{
    position: absolute;
    left: 2vw;
    top: 102vh;
    width: 16vw;
    height: 9vh;
}
#henstudios1{
    position: absolute;
    left: 19.5vw;
    top: 102vh;
    width: 16vw;
    height: 9vh;
}
#henstudios2{
    position: absolute;
    left: 37vw;
    top: 102vh;
    width: 7vw;
    height: 9vh;
}
#henstudios3{
    position: absolute;
    left: 46vw;
    top: 102vh;
    width: 21vw;
    height: 9vh;
}