@font-face {
  font-family: 'PerepelMain';
  src: url('../static/font/ST-Nizhegorodsky.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterCustom';
  src: url('../static/font/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

html {
    font-weight: 500;
    font-size: 17px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #FDF6EB;
    color: #190C04;
    overflow-x: hidden;
    font-family: 'InterCustom', system-ui, -apple-system, sans-serif;
}

.wrapper {
    width: min(1076px, 100% - 80px);
    margin-inline: auto;
}

#promotion, #about, #reserveid {
    scroll-margin-top: 104px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

button,
a,
div {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

button,
input,
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
}

button {
    color: #190C04;
}

/* PHONE ADAPTIVE */

@media (max-width: 768px) {
    .wrapper {
        width: min(1076px, 100% - 30px);
        margin-inline: auto;
    }
}

@media (max-width: 425px) {
    
}

@media (max-width: 320px) {
    
}