/* ---------------------------------------------------------------------------
   movitzaaron.com - minimal monospace layout.
   Structure and visual language follow actorpus.com (the look the user asked
   for): full-height flex column, nav pinned to the top, centred name/tagline/
   icon links, footer pinned to the bottom, no cards, borders or rounded boxes.
   Dark mode is #121212 on #c5c5c5; light mode is black on white.
   --------------------------------------------------------------------------- */

*, ::after, ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: monospace;
}

html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    color: #000;
}

nav {
    margin-bottom: auto;
}

nav ul {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding: 1rem;
}

nav ul li,
nav ul li a {
    display: inline;
    color: #000;
    text-decoration: none;
}

nav ul li:first-child {
    margin-right: auto;
    text-transform: uppercase;
    font-size: larger;
    font-weight: 700;
}

nav ul li a:hover {
    text-decoration: underline;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem;
    text-align: center;
}

main sub {
    display: block;
}

main ul.links {
    display: flex;
    gap: .5rem;
    list-style: none;
}

main ul.links li a {
    display: block;
    color: inherit;
    text-decoration: none;
}

main ul.links li a:hover,
main ul.links li a:focus-visible {
    opacity: .65;
}

main ul.links li a svg {
    display: block;
    width: 3rem;
    height: 3rem;
}

main noscript {
    font-size: .85rem;
    max-width: 24rem;
}

main noscript a,
footer a {
    color: inherit;
}

footer {
    margin-top: auto;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    font-size: .85rem;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: #c5c5c5;
    }

    nav ul li,
    nav ul li a,
    main ul.links li a {
        color: #c5c5c5;
    }
}