html, body {
    margin: 0;
    position: absolute;
    top: 0; left: 0;
    font-size: 1.7vh;
}
a {
    color: #88f;
}
a::after {
    color: #88f;
}
#logo {
    border-radius: 5000px;
    width: 75%;
    margin: 0 calc((15vw - 1px) * 0.125);
}
#Sidebar {
    position: fixed;
    top: 0; left: 0;
    width: calc(15vw - 1px);
    height: 100vh;
    background-image: linear-gradient(to right, #444, #333);
    border-right: 1px solid black;
    color: #fff;
    text-align: center;
    text-shadow: 3px 3px #000;
}
#Sidebar h6 {
    margin: 0;
    font-size: 3vh;
}
#Sidebar .foot {
    position: absolute;
    width: 100%;
    bottom: 0;
}
#Sidebar .foot table {
    margin: 0 auto 1vh;
}
#Sidebar .foot p {
    font-size: 1vh;
    text-shadow: none;
    margin: 0;
}
#Body {
    position: absolute;
    top: 0; left: 15vw;
    width: 85vw;
    height: 100vh;
    background-image: url(RES/img/landscape.jpg);
    background-position-y: -5vh;
    background-size: auto 110vh;
}
.bgEdit {
    background-position-y: -15vh !important;
}
#Body .title {
    color: white;
    font-size: 7vh;
    text-align: center;
    margin-top: 30vh;
    text-shadow: 3px 3px 10px #000;
    font-family: titleFont, serif;
}
#Body .quote {
    color: white;
    text-align: center;
    font-size: 2.3vh;
    margin-top: 3vh;
    text-shadow: 2px 2px 2px #000;
}
#Body .boxTop {
    background: rgba(73, 73, 73, 0.4);
    height: 35vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#Body .boxTop .boxTitle {
    color: white;
    font-size: 7vh;
    text-align: center;
    margin-top: 14vh;
    text-shadow: 3px 3px 10px #000;
    font-family: titleFont, serif;
}
#Body .boxBot {
    background: white;
    height: 65vh;
    position: absolute;
    top: 35vh;
    left: 0;
    right: 0;
}
#Body .boxBot .botTitle {
    font-size: 5vh;
    margin: 5vh 8vw 0;
}
#Body .boxBot .textbox {
    margin: 3vh 8vw;
    font-size: 2vh;
}
#Button {
    
}
@font-face {
    font-family: titleFont;
    src: url(RES/fnt/DancingScript-Regular.otf);
}