@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"); /* Шрифты теперь подключаем в через , здесь не нужно @import url("https://fonts.googleapis.com/css?family=Manrope:500,700,600|Bebas+Neue:700|Inter:500"); */ @font-face { font-family: 'BN'; src: url('../fonts/BebasNeueCyrillic.ttf'); src: url('../fonts/BebasNeueCyrillic.woff2'); src: url('../fonts/BebasNeueCyrillic.eot'); src: url('../fonts/BebasNeueCyrillic.woff') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'MM'; src: url('../fonts/Manrope-Medium.ttf'); src: url('../fonts/Manrope-Medium.woff2'); src: url('../fonts/Manrope-Medium.eot'); src: url('../fonts/Manrope-Medium.woff') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'MB'; src: url('../fonts/Manrope-Bold.ttf'); src: url('../fonts/Manrope-Bold.woff2'); src: url('../fonts/Manrope-Bold.eot'); src: url('../fonts/Manrope-Bold.woff') format('truetype'); font-weight: 800; font-style: normal; } /* обновим базовый reset для кросс-браузера */ *, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { margin: 0px; height: 100%; } body { font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.4; } /* a blue color as a generic focus style */ /* Единый стиль фокуса для ссылок и кнопок */ a:focus, button:focus { outline: 2px solid #51b04c; outline-offset: 2px; } /* В браузерах с :focus-visible убираем лишний outline при клике мышью */ a:focus:not(:focus-visible), button:focus:not(:focus-visible) { outline: none; } a { text-decoration: none; } /* smooth in-page anchors + offset for fixed header */ html { scroll-behavior: smooth; } /* высота твоего хедера ~70px + внешние отступы → ставим 100px с запасом */ :root { --header-h: 100px; } html { scroll-padding-top: var(--header-h); } /* Корректный селектор :root для Safari и других браузеров */ :root { --header-h: 100px; }