html {
    background-color: #181a1b;
}

body {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    color: #d1cdc7;
    background-color: rgb(19, 21, 22);
    max-width: 1920px;
}

a {
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: white;

    &:hover {
        text-decoration: underline;
    }
}

.navbar {
    padding: 0 0.5rem;
  
    a {
        font-size: 1.2em;
        margin: 0.5rem;

        &.active {
            color: white;
            text-decoration: underline;
        }
    }
}

.avatar {
    max-width: 150px;
    max-height: 150px;
}

.footer {
    font-size: 0.8em;
}

.footer-icon {
    max-width: 20px;
}

.game-link {
    &:hover {
        text-decoration: none;
    }
}

.hide {
    display: none;
}

.inline-image {
    max-height: 700px;
    max-width: 100%;
    object-fit: scale-down;
}

.pagination > li > a
{
    color: white;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li:not(.active) > span:hover
{
    color: white;
    background-color: #232323;
    border-color: #ddd;
}

.pagination > .active > .page-link
{
    color: white;
    background-color: #4c576c !Important;
    border-color: #ddd;
}

.pagination > li:not(.active) > .page-ellipses:hover {
    border-color: #495057;
}

.pagination > .active > a:hover
{
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181;
}

.page-ellipses {
    color: white;
}

.profile-description {
    text-indent: 0.5em;
}

.social-icons {
    font-size: 1.0em;
    a {
        margin: 10px;
    }
}

.title-hr {
    text-align: center;
    width: 15%;
    padding-bottom: 0.5em;
}

.post-content {
    img {
        max-width: 75%;
    }
}

.normal-text {
    text-transform: none;
}