* {
    font-family: 'CMU Sans Serif' ;
    font-style: normal ;
    background: mistyrose ;
    color: black ;
}

main {
	max-width: 90% ;
	margin: auto ;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif-Oblique.woff') format('woff'),
        url('fonts/CMUSansSerif-Oblique.ttf') format('truetype'),
        url('fonts/CMUSansSerif-Oblique.svg#CMUSansSerif-Oblique') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/cmunsi.woff') format('woff'),
        url('fonts/cmunsi.ttf') format('truetype'),
        url('fonts/cmunsi.svg#cmunsi') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/cmunso.woff') format('woff'),
        url('fonts/cmunso.ttf') format('truetype'),
        url('fonts/cmunso.svg#cmunso') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif-Oblique_1.woff') format('woff'),
        url('fonts/CMUSansSerif-Oblique_1.ttf') format('truetype'),
        url('fonts/CMUSansSerif-Oblique_1.svg#CMUSansSerif-Oblique') format('svg');
    font-weight: normal;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif-BoldOblique.woff') format('woff'),
        url('fonts/CMUSansSerif-BoldOblique.ttf') format('truetype'),
        url('fonts/CMUSansSerif-BoldOblique.svg#CMUSansSerif-BoldOblique') format('svg');
    font-weight: bold;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif-BoldOblique_1.woff') format('woff'),
        url('fonts/CMUSansSerif-BoldOblique_1.ttf') format('truetype'),
        url('fonts/CMUSansSerif-BoldOblique_1.svg#CMUSansSerif-BoldOblique') format('svg');
    font-weight: bold;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/cmunss.woff') format('woff'),
        url('fonts/cmunss.ttf') format('truetype'),
        url('fonts/cmunss.svg#cmunss') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif.woff') format('woff'),
        url('fonts/CMUSansSerif.ttf') format('truetype'),
        url('fonts/CMUSansSerif.svg#CMUSansSerif') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif-Bold.woff') format('woff'),
        url('fonts/CMUSansSerif-Bold.ttf') format('truetype'),
        url('fonts/CMUSansSerif-Bold.svg#CMUSansSerif-Bold') format('svg');
    font-weight: bold;
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/cmunsx.woff') format('woff'),
        url('fonts/cmunsx.ttf') format('truetype'),
        url('fonts/cmunsx.svg#cmunsx') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif_1.woff') format('woff'),
        url('fonts/CMUSansSerif_1.ttf') format('truetype'),
        url('fonts/CMUSansSerif_1.svg#CMUSansSerif') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CMU Sans Serif';
    src: url('fonts/CMUSansSerif-Bold_1.woff') format('woff'),
        url('fonts/CMUSansSerif-Bold_1.ttf') format('truetype'),
        url('fonts/CMUSansSerif-Bold_1.svg#CMUSansSerif-Bold') format('svg');
    font-weight: bold;
    font-style: bold;
    font-display: swap;
}

/* Main menu */
#menu ul,
nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
    list-style: none;
}

/* Menu items */
#menu li,
nav li {
    display: block;
    margin: 0 1rem 0 0;
    padding: 0;
}

/* Links */
#menu a,
nav a {
    display: block;
    white-space: nowrap;
}