:root {
    font-family: monospace;
    color-scheme: dark;
    --accent: darkorange;
}
a {
    color: var(--accent);
    text-decoration: none;
}
@view-transition {
    navigation: auto;
}
nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0.5em 0;
}
img {
    width: clamp(40px, 10vw, 80px);
}
.i {
    color: rgba(255, 255, 255, 0.5);
}
details {
    margin-top: 1em;
}
.cubing-icon {
    margin-right: 0.5em;
}
ul {
    list-style: none;
    padding: 0;
    max-width: 1200px;
    margin: 2rem auto;
}
li {
    padding: 0.75rem 0;
}
footer {
    text-align: center;
}