/* archives update setup */
body {
  background-image: url("Objects/bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  color: black;
  font-family: Verdana;
  font-size: 25;
  overflow-x: hidden;
}
.full-width-element {
    width: 100vw;
}
h1 {
    text-align: center;
    font-size: 4.6vh;
    margin: 2vh;
    padding: 3vh;
    border-width: 0.5vw;
    border-style: outset;
    border-color: purple;
    background-color: purple;
    color: white;
}
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;
}
a {
    color: blue;
}

#Apr {
  color: white;
  background-color: purple;
  text-align: center;
  font-size: 3vh;
  margin: 0.5vh;
  padding: 0.5vh;
  width: 15vw;
  border-style: outset;
  border-color: purple;
  border-width: 0.5vw;
  position: absolute;
  left: 61.5vw;
  top: 20vh;
}
#Jan, #Feb, #Mar, #May, #Jun, #Jul, #Aug, #Sep, #Oct, #Nov, #Dec {
  color: white;
  background-color: red;
  text-align: center;
  font-size: 3vh;
  margin: 0.5vh;
  padding: 0.5vh;
  width: 15vw;
  border-style: outset;
  border-color: red;
  border-width: 0.5vw;
  position: absolute;
}
#Jan { left: 46.5vw; top: 25vh; }
#Feb { left: 46.5vw; top: 32vh; }
#Mar { left: 46.5vw; top: 39vh; }
#Apr { left: 46.5vw; top: 46vh; }
#May { left: 46.5vw; top: 53vh; }
#Jun { left: 46.5vw; top: 60vh; }
#Jul { left: 67.5vw; top: 25vh; }
#Aug { left: 67.5vw; top: 32vh; }
#Sep { left: 67.5vw; top: 39vh; }
#Oct { left: 67.5vw; top: 46vh; }
#Nov { left: 67.5vw; top: 53vh; }
#Dec { left: 67.5vw; top: 60vh; }

#tower {
  position: absolute;
  width: 125vw;
  height: 105vh;
  left: -6vw;
  top: 23vh;
}
#tower2 {
  position: absolute;
  width: 125vw;
  height: 105vh;
  left: 15vw;
  top: 23vh;
}

#cog1 {
  position: absolute;
  width: 30vw;
  height: 30vh;
  left: -9vw;
  top: 84vh;
}
#cog2 {
  position: absolute;
  width: 50vw;
  height: 50vh;
  left: -5vw;
  top: 78vh;
}
#cog3 {
  position: absolute;
  width: 20vw;
  height: 20vh;
  left: 32vw;
  top: 90vh;
}
#cog9 {
  position: absolute;
  width: 28vw;
  height: 28vh;
  left: 19vw;
  top: 85vh;
}
#cog4 {
  position: absolute;
  width: 30vw;
  height: 30vh;
  left: 40vw;
  top: 85vh;
}
#cog5 {
  position: absolute;
  width: 19vw;
  height: 19vh;
  left: 62vw;
  top: 90vh;
}
#cog6 {
  position: absolute;
  width: 10vw;
  height: 19vh;
  left: 73vw;
  top: 90vh;
}
#cog7 {
  position: absolute;
  width: 30vw;
  height: 30vh;
  left: 50vw;
  top: 85vh;
}
#cog8 {
  position: absolute;
  width: 29vw;
  height: 29vh;
  left: 76vw;
  top: 86vh;
}

#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: absolute;
    left: 44vw;
    top: 90vh;
}
#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;
}