* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    font-family: var(--font-body);
    color: var(--text);
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 244, 214, 0.7), transparent 42%),
        radial-gradient(circle at 88% 10%, rgba(191, 242, 235, 0.72), transparent 44%),
        linear-gradient(160deg, #f4f2ec 0%, #f7f5ef 48%, #f2eee5 100%);
    overflow-x: hidden;
}

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

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

main,
section,
article,
header,
footer {
    display: block;
}