main {
    margin: 0 auto;
    max-width: 80em;
    display: grid;
    grid-template-columns: repeat(2, 40em);
    grid-gap: var(--unit);
}

@media not screen {
    .uncommoneye {
        display: none;
    }
}

@media (width < 160ch) {
    main {
        max-width: 40em;
        display: block;
    }
}

#sitemap {
    .item {
        display: flex;
        img.icon {
            object-fit: contain;
            width: 40px;
            height: var(--font-size);
        }
    	a, .a {
        	min-width: calc(8 * var(--font-size));
    	}
    }
    .indent {
        margin-left: 32px;
        display: block;
    }
}

#eightyeightthirtyone {
    a {
        display: inline-block;
        width: 88px;
        height: 31px;
        background-image: url('./404webbadge.webp');
    }
}

/* modified css from w3schools */
.ws-note {
    background-color: #ffffcc;
    color: #000 !important;
    margin: 24px -32px;
    padding: 16px 32px;
    font-family: "Segoe UI",-apple-system,Arial,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.5;
}