* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: clamp(10px, 1vw, 16px);
}

body {
    font-family: "Ysabeau SC", sans-serif;
    color: #FFF;
    background-color: #EEEEEE;
}

input {
    font-family: inherit;
}

main {
    position: relative;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    border: none;
    font-family: "Ysabeau SC", sans-serif;
    background: none;
    color: #FFF;
}

/* АДАПТАЦИЯ */

@media(max-width: 1024px) {
    html {
        font-size: clamp(5px, 1.1343vw, 16px);
    }
}

@media(max-width: 768px) {
    html {
        font-size: clamp(5px, 1.7285vw, 16px);
    }
}