html{
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    /* background-color: rgba(179, 255, 0, 0.25); */
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
body{
    position: absolute;
    /* height: fit-content; */
    width: calc(100% - 2rem);
    max-width: 80rem !important;
    /* background-color: rgba(255, 166, 0, 0.25); */
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    margin: 0;
    top: 0;
}
nav{
    position: absolute;
    height: 5rem;
    max-height: 5rem;
    width: 100%;
    max-width: 100%;
    /* background-color: rgba(255, 166, 0, 0.25); */
    margin: 0;
}
.nav-buttons{
    position: relative;
    float: right;
    height: 100%;
    width: fit-content;
    list-style-type: none;
    margin: 0;
    /* background-color: rgba(255, 166, 0, 0.25); */
}
.nav-button{
    position: relative;
    float: left;
    height: 100%;
    width: fit-content;
    margin-right: 1rem;
    height: fit-content;
    top: 50%;
    transform: translateY(-50%);
    /* background-color: rgba(255, 166, 0, 0.25); */
    cursor: pointer;
}
.logo{
    position: relative;
    top: 1rem;
    height: 3rem;
}
header{
    position: relative;
    top: 5rem;
}
main{
    position: relative;
    top: 5rem;
}
footer{
    position: relative;
    top: 5rem;
}