:root{
    --background-color: #314453;
    --darker-background-collor: #243848;
    --accent-color: #5e7576;
    --text-color: #FFFFFF;
    --navbar-height: 40px;
    --scroll-bar-color: #c5c5c5;
    --scroll-bar-bg-color: #f6f6f6;
    --scroll-bar-hover-color: #ACBABB;
}
*{
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-color);
}
html{
    height: 100%;
}
body{
    height: 100%;
}
.all{
    max-width: 1130px;
    justify-content: center;
    align-items: center;
    background-color: beige;
    margin-left:auto;
    margin-right:auto;
}
@media (max-width: 1140px){
    img#optionalstuff {
        display: none;
    }
}
::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}
::-webkit-scrollbar-thumb:hover{
    border: 0;
    background-color: var(--scroll-bar-hover-color);
}
*::-webkit-scrollbar-track {
    background: var(--scroll-bar-bg-color);
}
*::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: 20px;
    border: 3px solid var(--scroll-bar-bg-color);
}