@media only screen and (max-width: 1280px) {
    :root {
        --width: 80vw;
    }
    
    body {
        background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, var(--bg) 300px),
        conic-gradient(var(--y-alt) 25%, var(--y-alt-b) 0 50%, var(--y-alt) 0 75%, var(--y-alt-b) 0),
        linear-gradient(to bottom, var(--y-top) 0, var(--y-mid) 100px, var(--bg-outside) 150px, var(--bg) 300px);
        background-attachment: initial;
    }
    
    #main {
        flex-direction: column !important;
        margin: 0 0;
        width: 100vw;
    }
    
    header {
        text-align: center;
    }
    
    header .emoji {
        display: none;
    }
    
    header h1 {
        margin-bottom: 1rem;
    }
    
    header ul {
        display: flex;
        justify-content: center;
        margin: 0 2em 1em 2em;
    }
    
    header ul li::after {
        content: ", ";
    }
    
    header ul li:last-of-type::after {
        content: "";
    }
    
    nav ul {
        justify-content: space-evenly;
        padding-bottom: 2rem;
    }
    
    nav ul li::after {
        content: "";
    }
    
    nav ul li a {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .link-title {
        width: unset;
        justify-content: center;
    }
    
    .link-title span:first-of-type {
        display: none;
    }
    
    .link-title span:last-of-type {
        font-weight: normal;
    }
    
    nav ul li a .link-title span:last-of-type {
        font-weight: bold;
    }
    
    #top {
        margin-top: 20px;
    }
    
    #top a {
        flex-direction: row;
        column-gap: 1em;
    }
    
    #logo {
        display: none;
    }
    
    #logotype img {
        height: 150px;
    }
    
    #top-swap {
        flex-direction: column-reverse;
    }
    
    main {
        box-shadow: none;
        border-radius: unset;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 800px) {
    h1 {
        font-size: 2em;
    }
    
    h2 {
        font-size: 1.5em;
    }
    
    body {
        font-size: 1rem;
    }
    
    nav ul {
        border-bottom: 1px solid var(--border);
    }
}