@import 'fonts.css'; body{ margin:2em auto; max-width: 980px; font-family: 'Basker'; font-size: 16pt; line-height: 1.6; letter-spacing: 0.25pt; color: rgb(60, 60, 60); } header#banner{ width: 100%; text-align: center; font-family: 'Polsku'; font-size: 24pt; line-height:1.25; } header#banner h1{ margin: 2em 0; } header#banner h1 a{ text-decoration: none; } nav#menu{ width: calc(100% + 20em); text-align: center; border-radius: 1em; padding: 0.5em; margin:0 0 0 -9.5em; } nav#menu li{ font-size: 13pt; line-height: 1.4; background-color: rgb(60, 60, 60); color:white; border-radius: 1em; margin:0.5em 0; padding:1em; list-style: none; display: inline-block; width: 225px; height:7.5em; vertical-align: middle; } nav#menu li.active{ background-color: beige; color: rgb(60, 60, 60); } nav#menu li.pagelink{ height: 1.5em; } nav#menu a{ text-decoration: none; } section#content{ margin: 4em 0; } article{ margin: 0 0 2em; } article:first-of-type{ background-color: beige; padding:2em 3em; } /* big pink boxes for the section titles */ h1.category{ width: calc(100% - 4em); background-color: beige; padding: 2em; margin: 2em 0; font-size: 32px; text-align: center; } footer{ font-style: normal; font-size: smaller; } /* general elements */ a, a:visited, a:hover, a:active{ color: rgb(60, 60, 60); } a.nounderline{ text-decoration: none; } hr{ width: 100%; border:0; border-bottom:1px solid; margin:3em auto; } .lastupdate{ font-size: smaller; margin:4em 0; }