@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Montserrat&display=swap');

.font-thin {
    font-family: 'Manrope';
    font-weight: 400;
}

.font-regular {
    font-family: 'Manrope';
    font-weight: 400;
}

.font-medium {
    font-family: 'Manrope';
    font-weight: 500;
}

.font-semibold {
    font-family: 'Manrope';
    font-weight: 600;
}

.font-bold {
    font-family: 'Manrope';
    font-weight: 700;
}

.color-main {
    color: var(--main);
}

.color-second {
    color: var(--second);
}

.color-third {
    color: var(--third);
}

.color-black {
    color: black;
}

.color-warning {
    color: rgb(59, 118, 255) !important;
}

.color-gray {
    color: var(--gray);
}

.centered {
    text-align: center;
}

:root {
    --font-default: 16px;
}

@media only screen and (min-width: 800px) {
    .big {
        font-size: max(3vw, 50px);
        line-break: loose;
    }

    .medium {
        font-size: max(1.5vw, 25px);
    }

    .title {
        font-size: 40px;
    }

    .subtitle {
        color: var(--gray);
        font-weight: 500;
        font-size: 20px;
    }
}

@media only screen and (max-width: 799px) {
    .big {
        font-size: max(6vw, 30px);
        line-break: loose;
    }
}