@font-face {
    font-family: FuturaBkBt;
    src: url(./font/Futura\ Bk\ Book.ttf);
}

@font-face {
    font-family: FuturaHvBt;
    src: url(./font/Futura\ Hv\ Heavy.ttf);
}

.arch-loader{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-fluid {
    height: 100vh;
}

.left-side {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem;
}

.arch-side {
    background: url('./images/pxfuel.jpg') no-repeat center center/cover;
}
.land-side{
    background: url('./images/landscapes.jpg') no-repeat center center/cover;
}
.text-content {
    max-width: 700px;
}

.text-content h1 {
    font-size: 5rem;
    font-weight: bold;
    font-family: FuturaHvBt;
}

.text-content a {
    color: red;
    text-decoration: none;
    font-family: FuturaBkBt;
}

.loading::before {
    content: ".";
    animation: animate infinite 1s ease-in-out;
}

@keyframes animate {
    0% {
        content: ".";
    }

    25% {
        content: ".."
    }

    50% {
        content: "..."
    }

    75% {
        content: "....";
    }
}

@media (max-width: 768px) {
    .text-content h1 {
        /* text-align: center; */
        font-size: 2rem;
    }

    .left-side {
        padding: 2rem 5rem;
    }
}