html, body {
    color: #2E2E2E !important;
    font-family: 'Dosis', sans-serif !important;
    overflow-x: hidden;
}

main#main {
    background: url("../Resources/Website\ image\ \(Background+Elements\).png") no-repeat;
    background-size: 100vw 100vh;
}

#navMenu {
    position: fixed;
    top: 0;
    left: 0;
}

#teamHeader {
    background-image: url("../Resources/logo1.png");
    background-repeat: space;
    background-position: center;
}

#machineHeader {
    background-image: url("../Resources/machineHeader.png");
    background-repeat: space;
    background-position: center;
}
#piggyHeader {
    background-image: url("../Resources/pigHeader.png");
    background-repeat: space;
    background-position: center;
}
#faqHeader {
    background-image: url("../Resources/faqHeader.png");
    background-repeat: space;
    background-position: center;
}

#pageCon {
    background-image: url("../Resources/Page.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

#chestHeader {
    background-image: url("../Resources/chestHeader.png");
    background-repeat: space;
    background-position: center;
}

.compButton {
    transition: all 300ms ease-in-out;
    background-image: url("../Resources/icons/Button\ Without\ Hover.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 4rem;
    height: 4rem;
}
.compButton:hover {
    background-image: url("../Resources/icons/Button\ With\ Hover.png");
}

/* width */
::-webkit-scrollbar {
    width: 10px !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #2E2E2E !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0085FF !important;
}