@font-face {
    font-display: swap;
    font-family: "Iosevka Aile";
    src: url(IosevkaAile-Regular.woff2) format("woff2");
}

html,
body,
main,
ul,
li {
    border: 0;
    margin: 0;
    padding: 0;
}

html {
    background-color: #ffd5e4;
    font-family: "Iosevka Aile", sans-serif;
}

body {
    max-width: 40%;
    min-height: 100vh;
    background-color: #ffe5eb;
    color: #330c15;
    font-size: 1.125em;
    line-height: 1.6;
    margin: 0 auto;
    border-left: 2px solid #330c15;
    border-right: 2px solid #330c15;
    padding: 0 1em;
}

ul {
    padding: 0.25em 1em;
}

li {
    padding: 0.125em 0;
}

a {
    color: #330c15;
}

a:hover {
    text-decoration: none;
}

a:visited {
    color: #6a5083;
}

@media screen and (max-width: 1024px) {
    body {
        max-width: 100%;
        border: none;
    }
}