:focus,
.focus-visible:focus:not(:focus-visible)
{
    box-shadow:none!important;
    outline:0!important;
}

button:focus, button:active
{
    box-shadow:none!important;
    outline:0!important;
}

body
{
    font-family: Nunito, sans-serif;
}

#overlayer
{
    width:100%;
    height:200%;
    position:absolute;
    background:#1c1d22;
    z-index: 999999;
}

.loader
{
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    border: 4px solid #f2aa04;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.loader-inner
{
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #f2aa04;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader
{
    0%
    {
        transform: rotate(0deg);
    }

    25%
    {
        transform: rotate(180deg);
    }

    50%
    {
        transform: rotate(180deg);
    }

    75%
    {
        transform: rotate(360deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner
{
    0%
    {
        height: 0%;
    }

    25%
    {
        height: 0%;
    }

    50%
    {
        height: 100%;
    }

    75%
    {
        height: 100%;
    }

    100%
    {
        height: 0%;
    }
}