body {
    background: #2a292a;
}
@font-face { 
    font-family: mfont;
    src: url('src/fonts/bebas-neue/BebasNeue-Regular.otf');
}
@font-face {
    font-family: bheader;
    src: url('src/fonts/montserrat/Montserrat-Bold.ttf')
}
table {
    border-collapse: collapse;
}
footer {
    width: 100%; 
}
.tblftr {
    width: 100%;
}
a, a:visited{
    text-decoration: none;
    color: #fff;
    transition: all ease 0.5s;
}
a:hover, a:active { 
    color: #a0c5e9;
}
.colorbar {
    width: 100%;
    height: 2px;
    background-color: #c2b2e6;
}
.headerimg {
    background-image: url("img/background.png");
    min-height: 541px;
    background-attachment: fixed;
    background-position: 0px -300px;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbmenu {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: mfont;
    color: #afafc9;
    /* border-top: solid rgba(0, 0, 0, 0.246) 1px;
    border-bottom: solid rgba(0, 0, 0, 0.246) 1px; */
}
.regtext {
    color: #a8b5c2;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
.bodyheader {
    color: #5758af;
    font-size: 18px;
    font-family: bheader;
}
.menuwidth {
    width: calc(100% / 2); 
    /* Shut up im not stupid, I just have it as a calc beacuse IF I add more menus I can change the 2 to 3 to a 4 to a 5 */
}
.bodytblwidth {
    width: 100%;
    height: 200%;
}
.bodyleft {
    text-align: left;
    width: 65%;
    /* background-color: #292631; */
    vertical-align: top;
}
.bodyright {
    text-align: right;
    max-width: 35%;
    /* background-color: #312631; */
    vertical-align: top;
}
body::-webkit-scrollbar {
    width: 1px;
}
body::-webkit-scrollbar-thumb {
    background-color: #fff;
}
body::-webkit-scrollbar-button {
    display:none;
} /* firefox users seething rn; cant have custom scrollbars */