@import url(../base/reset.css);
@import url(../base/variables.css);
@import url(../layout/header.css);
@import url(../layout/footer.css);


html {
    scroll-behavior: auto;
    scrollbar-gutter: stable;
}


html,
body {
    height: 100%
}

body {
    padding-top: 72px;
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    background: radial-gradient(1200px 800px at 70% -10%, rgba(255, 42, 79, .08), transparent 60%),
        radial-gradient(900px 600px at 10% 110%, rgba(255, 42, 79, .06), transparent 60%),
        var(--bg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: var(--text);
    line-height: 1.55;
    letter-spacing: .2px;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}


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

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

.container {
    max-width: var(--max);
    margin: 0 auto;
}


@media (max-width: 1240px) {
    .container {
        padding: 0 20px;
    }
}