:root {
    --background-1: #e7e2e3;
    --background-2: #af7c86;
    --text: #3a2a2a;
    --link-hover: #aa6f16;
}

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

html, main {
    height: 100vh;
    background: linear-gradient(
        var(--background-1) 50%,
        var(--background-2)
    );
    font-family: 'Poppins', sans-serif;
    color: var(--text);
}

ul > li:hover {
    text-decoration: underline;
    font-weight: bold;
}