/* =========================================================
   SOUNDMUSIC — GLOBAL CSS
   Base / Responsive / Accessibility
   ========================================================= */


/* ==================== Базовые настройки ==================== */

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;

    font-family: "VK Sans Display", Arial, sans-serif;

    /* Не даём случайным элементам создавать горизонтальный скролл */
    overflow-x: clip;
}


/* ==================== Корректная модель размеров ==================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* ==================== Логотип ==================== */

.header-logo {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
}

.header-logo img {
    display: block;

    width: auto;
    max-width: 200px;
    height: auto;

    margin: 0 auto;
}


/* ==================== Адаптивные изображения ==================== */

.custom-cover {
    width: 100%;
}

.custom-cover img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;
}


/* ==================== Контейнер первого блока ==================== */

.first-block-container {
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    width: 100%;
}


/* ==================== Мобильные устройства ==================== */

@media (max-width: 768px) {

    .header-logo img {
        max-width: 150px;
    }

}


/* ==================== Accessibility ==================== */

/*
   Если пользователь отключил анимации
   в настройках системы — не заставляем страницу
   плавно прокручиваться.
*/

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

}