/* animation setup */
body {
  background-image: url("Backgrounds/hcosky1.png");
  background-repeat: no-repeat;
  background-size: cover;
  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: 91vw;
    font-size: 4vh;
    margin: 2.5vh;
    padding: 3vh;
    border-style: outset;
    background-color: white;
    border-width: 0.5vw;
    color: blue;
}
h5 {
    text-align: center;
    font-size: 4vh;
    margin: 2vh;
    padding: 2vh;
    border-style: outset;
    background-color: white;
    color: blue;
}
h2 {
    color: red;
    background-color: white;
    text-align: center;
    font-size: 2vh;
    margin: 2vh;
    padding: 2vh;
    border-style: outset;
    position: absolute;
    left: 1vw;
    top: 250vh;
}
h3 {
    text-align: center;
    font-size: 4vh;
    margin: 4vh;
    padding: 4vh;
    background-color: transparent;
    color: transparent;
}
p {
    color: red;
}
p1 {
    color: blue;
    background-color: white;
    text-align: center;
    font-size: 2vh;
    margin: 2vh;
    padding: 3vh;
    border-style: outset;
    position: absolute;
    left: 1vw;
    top: 257vh;
}
a { color: blue; }

.full-width-element { width: 100vw; }

.row1 { display: flex; }
.row2 { display: flex; }
.row3 { display: flex; }

.col1 { flex: 16.66667%; padding: 5px; }
.col2 { flex: 16.66667%; padding: 5px; }
.col3 { flex: 16.66667%; padding: 5px; }

/*so easy bro Unity has ZERO luxiries*/
.col1:hover { border: 5px solid blue; }
.col2:hover { border: 5px solid blue; }
.col3:hover { border: 5px solid blue; }

/*view panel attributes*/
#viewpaper {
  position: fixed;
  left: 24.5vw;
  width: 50vw;
  height: 60vw;
  text-align: center;
}
#viewimage {
  position: fixed;
  left: 25.3vw;
  top: 13.5vw;
  width: 48vw;
  height: 27vw;
  text-align: center;
}
#back_button {
  position: fixed;
  left: 9vw;
  top: 37vw;
  width: 15vw;
  height: 15vh;
  text-align: center;
}
#blurb {
  position: fixed;
  left: 26.5vw;
  top: 42vw;
  width: 50vw;
  height: 25vh;
  font-size: 3vh;
}
#background {
  position: fixed;
  left: -83vw;
  top: -5vh;
  width: 270vw;
  height: 220vh;
}

#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: 7vh;
}
#neocities{
    position: absolute;
    left: 2vw;
    top: 242vh;
    width: 16vw;
    height: 9vh;
}
#henstudios1{
    position: absolute;
    left: 19.5vw;
    top: 242vh;
    width: 16vw;
    height: 9vh;
}
#henstudios2{
    position: absolute;
    left: 37vw;
    top: 242vh;
    width: 7vw;
    height: 9vh;
}
#henstudios3{
    position: absolute;
    left: 46vw;
    top: 242vh;
    width: 21vw;
    height: 9vh;
}