:root {
    font-size: calc(100vw / 1920 * 10);
    --soft: #f9ecdf;
    --black: #010101;
    --white-2: white;
    --line-color: #7c5658;
    --line-decor: #a2777a;
    --gap: 2.8rem;
    --line-medium: #d8bfc0;
    --line-soft: #ead5d6;
    --dark: #3c1317;
    --color: #5d3136;
    --white: white;
    --decor: #ffe2c5;
    --black-2: black;
}

@media only screen and (max-width: 579px) {
    html {
    --gap: 8rem;
    }
}

body {
    font-family: "Work Sans", serif;
    overflow: hidden;
    overflow-y: auto;
	scrollbar-width: none
}

::-webkit-scrollbar {
	webkit-appearance: none;
	width: 0;
	display: none;
}
.index {
    background-color: var(--soft);
}
* {
    line-height: 100%;
    box-sizing: border-box;
    font-family: "Work Sans", serif;
    padding: 0;
}
button {
    border: none;
    background: transparent;
}
img, video {
    width: 100%;
    height: auto;
    object-fit: cover;
}