@font-face {
    font-family: ssa;
    src: url(/assets/fonts/ttf/MarkinLT.ttf);
}

@font-face {
    font-family: ssaBold;
    src: url(/assets/fonts/ttf/MarkinLTUltraBold.ttf);
}

h1, h2, h3, h4, h5, a, p {
    font-weight: 900;
    color: white;
}

a , p {
    font-family: ssa;
    text-shadow: 2px 2px 2px rgb(153, 153, 153);
}

* {
    visibility: unset;
}

body {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: 0px;
}

header {
    background-color: rgba(187, 187, 187, 0.7);
    margin: auto;
    text-align: center;
    border-color: rgb(187, 187, 187);
    border-style: solid;
    border-width: 2px;
    border-top: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 99.2vw;
    min-width: 1267px;
    height: fit-content;
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerUnorderedList {
    list-style: none;
    padding: 0px;
    display: inline-block;
    width: 175px;
}

.headerLink, .headerListItem {
    text-decoration: none;
}

.headerLink {
    color: rgb(255, 255, 255);
    padding: 10px;
    transition: all 0.5s ease;  
}

.headerListItem {
    display: inline-block;
    position: relative;
    top: -1vh;
    transition: all .05s ease-in-out;
}

.headerListItem:hover, #headerLogo:hover {
    transform: scale(1.2);
}

#headerLogo {
    width: 6%;
    position: relative;
    top: 3px;
    transition: all .05s ease-in-out;
}

::-webkit-scrollbar {
    width: 0px;
}

.forumStyleDiv {
    background-color: rgba(187, 187, 187, 0.7); /* rgb but alpha value is opacity use instead of opacity to keep all inside elements opaque */
    margin: auto;
    text-align: center;
    border-color: rgb(187, 187, 187);
    border-style: solid;
    border-width: 2px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 75vw;
    padding: 30px;
    padding-bottom: 300px;
    min-width: 1280px;
}

.contentHeader {
    background-color: rgba(138, 43, 226, 0.3); /* blueviolet w 0.7 opacity */
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 10px;
}

.contentHeader h2 {
    margin: 0px;
    font-size: 1.5em;
    font-family: sans-serif;
    font-weight: 900;
}