body {
    background-color: #141414;
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
}

video {
    width: 100%;
    height: auto;
}

main {
    display: block;
}

p {
    margin-bottom: 0;
}

.h-200 {
    height: 200%;
}

.min-h-100{
    min-height: 100vh;
}

.min-h-50{
    min-height: 50vh;
}

.max-height-set-500 {
    max-height: 500px;
}

.width-300 {
    width: 350px;
}

.max-width-200 {
    max-width: 200px;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-500 {
    max-width: 500px;
}

.max-width-600 {
    max-width: 600px;
}

.max-width-900 {
    max-width: 900px;
}

.max-width-40-percent{
    max-width: 40%;
}

.th-width {
    width: 20%;
}

.pos-abs{
    position: absolute;
}

.displ-content {
    display: contents;
}

.logo {
    max-height: 80px;
    opacity: 0.9;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>div:hover {
    background-image: none !important;
    background-color: black;
}

.dropdown-item:hover>.dropdown-menu {
    display: block;
}

.dropdown {
    cursor: pointer;
}

.footer-flex{
    flex: 1 1 0px
}

.lobby-button {
    border-color: #67747e;
    color: #67747e;
}

.lobby-button:hover {
    background-color: #505a62;
    border-color: #505a62;
    color: #f8f9fa;
}

#pageTwo {
    background-color: darkslategray;
}

.tr-user-profile {
    border-bottom-color: #141414;
    border-bottom-width: 3px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #5e5e5e;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8a8a8a;
}

::-webkit-scrollbar-track {
    background: #141414;
    border-radius: 7px;
}