/* Misc. */

li:nth-child(1):before {
    content: "✉️ ";
}
li:nth-child(2):before {
    content: "🌍 ";
}
li:nth-child(3):before {
    content: "⏰ ";
}
li:nth-child(4):before {
    content: "📌 ";
}

/* Organization */

html {
    /* Space */
    padding: 0;
    margin:  0;

    /* Size */
    width:  100%;
    height: 100%;

    /* Layout */
    display:         flex;
    align-items:     safe center;
    justify-content: safe center;

    /* Animation */
    transition: font-size 1s;
}

body {
    /* Size */
    width:     100%;
    max-width: 10cm;

    /* Space */
    padding: 1rem;
    margin:  1rem;

    /* Alignment */
    text-align: center;

    /* Border */
    border-width:  1px;
    border-radius: 1rem;
}

ul {
    text-align: left;
    list-style-type: none;
}

nav img {
    height: 2rem;
}

nav * {
    vertical-align: middle;
}

nav a {
    text-decoration: none;
}

/* Font */

html {
    font-size: 14pt;
}

@media (max-aspect-ratio: 1 / 1) {
    html {
        font-size: 12pt;
    }
}

/* Theme */

html {
    color:      black;
    background: #FAFAFA;
}

body {
    /* Color */
    background: white;

    /* Border */
    border-style: solid;
    border-color: gainsboro;
}

/* Animation */

body {
    animation: evanece 0.5s;
}

@keyframes evanece {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
    }
}