:root {
    --background: 251, 251, 251;
    --foreground: 36, 36, 35;
}

html, body {
    padding: 0;
    margin: 0;
    font-family: 'lmroman';
    letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    color: rgb(var(--foreground));
}

.stylize i {
    letter-spacing: 4px;
}

html {
    /* Gradient background */
    background-image: linear-gradient(to top right, rgba(var(--foreground), .1) 0%, rgb(var(--background)) 100%);
}

hr {
    margin: 20px 0px;
    border-top: 1px solid rgb(var(--foreground));
}

.content-container {
    transition: transform .2s ease-in-out, filter .2s ease-in-out;
}

.content-container.next {
    transform: translateX(100%);
    /* filter: blur(10px); */
}