@font-face {     font-family: 'Bubble Bobble';     src: url(/shared/2905/BubbleBobble.eot);     src: url(/shared/2905/BubbleBobble.eot) format('embedded-opentype'),     url(/shared/2905/BubbleBobble.woff2) format('woff2'),     url(/shared/2905/BubbleBobble.woff) format('woff'),     url(/shared/2905/BubbleBobble.ttf) format('truetype'),     url(/shared/2905/BubbleBobble.svg) format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }  * {     box-sizing: border-box; }  body, html {     margin: 0;     padding: 0;     overflow-x: hidden; } .container {     max-width: 1400px;     margin: 0 auto; } .header {     transition: background-color .4s linear;     background: #495091;     position: fixed;     right: 0;     left: 0;     width: 100%;     padding: 15px 10px;     z-index: 5; } .header__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .logo__link {     display: block; }  .logo__link img {     width: 159px; }  .end {     display: flex; }  .lang__link img {     width: 36px;     height: 18px; }  .menu {     padding: 0;     display: flex;     list-style: none; }  .menu__item {     margin-right: 20px; } .menu__item:last-child {     margin-right: 0; }  .menu__link {     display: block;     font-family: 'Bubble Bobble', sans-serif;     text-decoration: none;     color: #ffffff;     text-transform: uppercase;     font-size: 24px;     letter-spacing: 2px;     -webkit-text-stroke: 1px rgba(162, 20, 3, 0);     text-stroke: 1px rgba(162, 20, 3, 0); }  .menu__link:hover {     color: rgb(252, 188, 1);     -webkit-text-stroke: .5px #a21403;     text-stroke: .5px #a21403; } .lang {     position: relative;     width: 100px; }  .lang__link {     display: flex;     align-items: center; }  .lang__link .open {     width: 24px;     height: 24px; }  .lang__link .close {     width: 24px;     height: 24px;     display: none; } .lang__item-tr {     display: none;     position: absolute;     top: 100%;     right: 0;     padding-top: 10px;     border-radius: 4px;     width: auto;     height: auto;     max-height: calc(100vh - 80px);     overflow-y: auto;     overflow-x: hidden; }  .lang__link img {     margin-right: 5px; } .lang__item-tr .lang__link {     color: #ffffff;     text-decoration: none;     letter-spacing: 2px; }  .main {     margin-top: 116px;     background: #c5f7fe;     padding: 25px 10px;     font-family: Arial, sans-serif;     font-size: 16px;     letter-spacing: 1px; }  .main img {     max-width: 100%;     height: auto; }  .title {     font-family: 'Bubble Bobble';     text-align: center;     font-size: 38px; }  .banner {     text-align: center; }  .content a {     color: #6726ff; }  .footer {     padding: 15px 10px;     background: #495091; }  .footer__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .text_container {     font-family: 'Bubble Bobble';     color: #ffffff;     letter-spacing: 1px;     font-size: 14px;     display: flex;     align-items: center; }  .text_container img {     width: 50px;     height: 50px; }  .mob__btn {     display: none; }  .mob__btn svg {     width: 28px;     height: 28px; }  .mob-bg {     display: none; } .navigation-mob {     display: none; } .banner {     max-width: 767px;     margin: 0 auto; }  .banner iframe {     width: 100%;     height: 420px; } @media (max-width: 678px) {     .mob__btn {         display: block;     }     .navigation {         display: none;     }     .navigation-mob {         width: 50%;         position: absolute;         top: 100%;         right: 0;         background: #6726ff;         height: 100vh;     }     .menu-mob {         list-style: none;     }     .menu-mob__item {         padding: 15px;     }     .mob-bg {         background: rgba(103, 38, 255, 0.5);         position: fixed;         top: 0;         left: 0;         width: 100vw;         height: 100vh;         z-index: 0;     } }  @media (max-width: 380px) {     .footer__wrapper {         flex-direction: column;         align-items: center;         justify-content: center;     }     .text_container {         text-align: center;     }     .navigation-mob {         width: 75%;     } }.cls-1 {                                                 fill: none;                                                 stroke: #ffffff;                                                 stroke-linecap: round;                                                 stroke-linejoin: round;                                                 stroke-width: 2px;                                             }