.welcome-container {
    justify-content: center;
    padding-top: 80px;
    display: flex;
    width: 100%;
}

.welcome-left-container {
    font-family: oxanium-semibold;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width: 40%;
    gap: 20px;
}

.welcome-left-container>span:first-child {
    font-size: 36px;
    color: #e2e2e2;
}

.content-container {
    flex-direction: column;
    display: flex;
}

.content-container>span {
    color: #5Bc0b0;
    font-size: 50px;
}

.welcome-left-container>span:last-of-type {
    font-family: oxanium-regular;
    color: #e2e2e2;
}

.welcome-right-container {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 40%;

}

.welcome-logo {
    animation: spin 1.5s linear infinite;
    width: 50%;
}

.welcome-logo:hover {
    animation: spin 1s linear infinite;
}

.info-container {
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    display: flex;
}

.info-content-container {
    font-family: oxanium-bold;
    font-size: xx-large;
    text-align: center;
    max-width: 70%;
    color: #e2e2e2;
}

@media screen and (max-width: 1420px) {
    .welcome-left-container {
        width: 45%;
    }

    .welcome-right-container {
        width: 45%;
    }

    .info-content-container {
        font-size: x-large;
    }

}

@media screen and (max-width: 1260px) {
    .welcome-container {
        flex-direction: column-reverse;
        align-items: center;
    }

    .welcome-left-container {
        width: 80%;
    }

    .welcome-right-container {
        width: 50%;
    }

    .info-content-container {
        font-size: large;
    }

}

@media screen and (max-width: 725px) {
    .welcome-left-container>span:first-child {
        font-size: 18px;
    }

    .content-container>span {
        font-size: 25px;
    }

    .welcome-left-container>span:last-of-type {
        font-size: 15px;
    }

}