/* font.css - Стили для ширины элементов */


/* Involve Regular */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-Regular.otf') format('opentype'),
         url('/font/Involve-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Involve Regular Italic/Oblique */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-Oblique.otf') format('opentype'),
         url('/font/Involve-Oblique.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Involve Medium */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-Medium.otf') format('opentype'),
         url('/font/Involve-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Involve Medium Italic/Oblique */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-MediumOblique.otf') format('opentype'),
         url('/font/Involve-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Involve SemiBold */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-SemiBold.otf') format('opentype'),
         url('/font/Involve-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Involve SemiBold Italic/Oblique */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-SemiBoldOblique.otf') format('opentype'),
         url('/font/Involve-SemiBoldOblique.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Involve Bold */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-Bold.otf') format('opentype'),
         url('/font/Involve-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Involve Bold Italic/Oblique */
@font-face {
    font-family: 'Involve';
    src: url('/font/Involve-BoldOblique.otf') format('opentype'),
         url('/font/Involve-BoldOblique.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
	


.element-gradient {
    font-family: 'Involve', sans-serif;
    font-weight: 900;
    font-size: 178px;
    
    /* Создаем градиент */
    background: linear-gradient(to bottom, #FFF5E3, #FFA500);
    
    /* "Вырезаем" градиент по форме текста */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Делаем текст прозрачным, чтобы был виден градиент */
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    /* Обводка светло-белым */
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.8);
    text-stroke: 2px rgba(255, 255, 255, 0.8);
    
    /* Тень */
    text-shadow: 6px 6px 9px rgba(0, 0, 0, 0.3);
}