/* Подключение шрифтов */
@font-face {
  font-family: 'BASEBLOOM-Regular';
  src: url('font/font.woff2') format('woff2'), url('font/font.woff') format('woff');
}


/* Шрифты по умолчанию и цвет фона */
body {
    font-family: -apple-system, BlinkMacSystemFont, SegoeUI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, PTRootUIWebRegular, sans-serif;
    font-family: 'BASEBLOOM-Regular';
    text-rendering: optimizeLegibility;
    background: #F0F0F0;
    background-image: url(noise.gif);
}

/* Разметка */
.main {
    display: flex;
    align-items: top;
    justify-content: flex-start;
    width: auto;
    padding: 1vw;
}


/* Текстовые стили разделов */

.text-desktop {
    color: #0D0D0D;
    font-size: 4vw;
    line-height: 102%;
    animation: 10s infinite linear glitch-shadow;
}


.text-mobile {
    display: none;
    color: #0D0D0D;
    font-size: 7.6vw;
    line-height: 106%;
    animation: 10s infinite linear glitch-shadow;
}

.text-mobile-en {
    display: none;
    color: #0D0D0D;
    font-size: 8.5vw;
    line-height: 106%;
    animation: 10s infinite linear glitch-shadow;
}


/* Текстовые стили остальные */

.text-acc {
    color: #3030F2;
}

.text-corr {
    letter-spacing: -0.01em;
}

.text-corr2 {
    letter-spacing: -0.015em;
}

.text-corr3 {
    letter-spacing: -0.02em;
}


/* Анимация текста */

@keyframes glitch-shadow {
    9%{text-shadow: 0vw 0 #3030F2;}
    9.5%{text-shadow: 0.8vw 0 #3030F2;}
    10.1%{text-shadow: -0.5vw 0 #fa1919;}
    10.5%{text-shadow: 0vw 0 #fa1919;}
    32%{text-shadow: 0vw 0 #fa1919;}
    32.7%{text-shadow: -0.9vw 0 #fa1919;}
    33.2%{text-shadow: 0.4vw 0 #3030F2;}
    33.6%{text-shadow: 0vw 0 #3030F2;}
}


/* Ховер-эффекты */

a {
  color: #0D0D0D;
  text-decoration: none;
}

a:hover {
  color: #3030F2;
}


/* Медиа-запросы */

@media (max-width: 920px) {
    .text-desktop {display: none;}
    .text-mobile {display: block;}
    .text-mobile-en {display: block;}
}

@media (max-width: 640px) {
    .text-mobile {line-height: 110%;}
    .text-mobile-en {line-height: 110%;}
}