:root {
    --primary: #38618C;
    --secondary: #5d5d5d;
    --light: #F1F3FA;
    --dark: #1C2035;
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.btn {
    transition: .5s;
    font-weight: 500;
}

.sticky-top {
    top: -100px;
    transition: .5s;
}

.footer {
    color: #a9b2a7;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #a9b2a7;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--light);
    box-shadow: none;
}

.copyright {
    color: #a9b2a7;
}

.copyright {
    background: #161616;
}