@import url("./styles.css");
@import url("./navbar/index.css");
@import url("./footer/index.css");
@import url("./home.css");
@import url("./404.css");
@import url("./form/index.css");


@keyframes border-loader {

    0%,
    100% {
        background-color: var(--glaucous);
        width: 0px;
        height: calc(100% + 2px);
    }

    50% {
        background-color: var(--glaucous);
        width: calc(var(--logo-wrapper-width) + 2px);
        height: calc(100% + 2px);
    }
}

@keyframes underliner {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes loading-spinner {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadein-upwards {
    0% {
        transform: translateY(25px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadein-half-upwards {
    0% {
        transform: translateY(25px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}