@media (max-width: 700px) {
    .left {
        margin: 30px;
    }
    .art {
        height: 100vw;
    }
    main {
        padding: 30px;
    }
    .link-list a {
        flex-grow: 1;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --text-0: rgb(0, 0, 0);
        --text-1: rgb(75, 75, 75);
        --text-2: rgb(32, 32, 32);
        --bg-0: rgb(239, 239, 239);
        --bg-1: rgb(231, 231, 231);
        --bg-2: rgb(223, 223, 223);
        --border-0: rgb(231, 231, 231);
        --border-1: rgb(223, 223, 223);
        --border-2: rgb(207, 207, 207);
        
      }
    ::selection { color: var(--bg-0); background-color: var(--text-0); }
    .icon {
        filter: invert(1);
    }
}