:root{
    --azure: #3a86ffff;
    --blue-crayola: #4c73faff;
    --neon-blue: #5f5ff6ff;
    --majorelle-blue: #714cf1ff;
    --blue-violet: #8338ecff;
    --night: #121212ff;
    --black-05: rgba(0, 0, 0, 0.5);
    --davys-gray: #575757ff;
    --battleship-gray: #9b9b9bff;
    --platinum: #e0e0e0ff;
}
@font-face {
    /*для основного текста*/
    font-family: 'StarfallVAGRounded';
    src: url('../media/Fonts/StarfallVAGRounded.ttf');
}
body{
    margin:  0 auto;
    background: var(--night);
    color: var(--battleship-gray);
    font-family: 'StarfallVAGRounded';
    overflow-x: hidden;
}

/* Сброс стилей для всех кнопок */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: inherit;
    border-radius: 0;
    box-shadow: none;
    appearance: none;
    text-align: inherit;
    line-height: inherit;
}

/* Сброс состояний кнопок */
button:hover,
button:active,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: inherit;
}

/* Сброс стилей ссылок */
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    -webkit-text-decoration-skip: none;
}

/* Сброс состояний ссылок */
a:hover,
a:active,
a:focus,
a:visited {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    outline: none;
}

/* Специфичный сброс для активного состояния ссылки */
a:active {
    position: relative;
    top: 0;
    left: 0;
}

/* Сброс стилей полей ввода и текстовых областей */
input,
textarea,
select {
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
    border-radius: 0;
    box-shadow: none;
}

/* Сброс состояний полей ввода */
input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus,
select:hover,
select:active,
select:focus {
    appearance: none;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: inherit;
}

/* Убирает крестик очистки в поле ввода IE */
input::-ms-clear {
    display: none;
}

/* Убирает стандартные стрелки в числовых полях */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* Сброс для элементов формы в Safari */
select::-ms-expand {
    display: none;
}

/* Дополнительные reset-стили для псевдоэлементов */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Общий сброс для всех состояний фокуса (опционально) */
*:focus {
    outline: none;
}