@import url(https://db.onlinewebfonts.com/c/2a3b4ac4f313da1cbf67e31db002cfc0?family=neo+latina);

@font-face {
    font-family: "neo latina";
    src: url("https://db.onlinewebfonts.com/t/2a3b4ac4f313da1cbf67e31db002cfc0.eot");
    src: url("https://db.onlinewebfonts.com/t/2a3b4ac4f313da1cbf67e31db002cfc0.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/2a3b4ac4f313da1cbf67e31db002cfc0.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/2a3b4ac4f313da1cbf67e31db002cfc0.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/2a3b4ac4f313da1cbf67e31db002cfc0.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/2a3b4ac4f313da1cbf67e31db002cfc0.svg#neo latina")format("svg");
}

.preloader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #050A30;
    z-index: 9999;
}

#preloader {
    text-align: center;
    position: relative;
}

.symbol,
.letter {
    font-size: 4rem;
    color: white;
    font-weight: 700;
    margin: 0 5px;
}

#check-mark {
    animation: rotateCheck 1.5s linear;
}

@keyframes rotateCheck {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#text {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hidden {
    display: none;
}

.letter {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.5s, transform 0.5s;
    text-transform: uppercase;
    font-family: "neo latina";
    font-weight: 700;
    font-size: 4rem;
}


.symbol img {
    height: auto;
    width: 120px;
}