body { font-family: 'Verdana', sans-serif; margin: 0; } p { margin-top: 0; margin-bottom: 1rem; } a { color: #2a99b6; } a:hover { color: #33bbdf; } main { padding: 0 20px 0; } ul { padding-left: 3vw; } header { margin: 0 auto 20px; background: #D62828; padding: 2rem 0 0; } header h1 { text-align: center; color: #eae2b7; margin: 1rem 0 2rem; font-weight: normal; font-size: 42px; width: 100vw; } header nav ul { list-style: none; margin: 0; padding: 0 0 0 1rem; } header nav ul li { display: inline; margin: 0 8px 0 0; padding: 0; } header nav ul li a { color: #EAE2B7; text-decoration: none; padding: 3px 3px 0; background: black; border-width: 1px 1px 0 1px; border-style: solid; border-color: black; border-radius: 5px 5px 0 0; } header nav ul li a:hover { color: #ADD7F6; } .p-b-0 p { margin-bottom: 0; } .list-none { list-style: none; } .bib { margin: 10px 0; } .bib-title { font-weight: bold; } .bib-title a { color: #D62828; text-decoration: none; } .bib-small-txt { font-size: 0.9em; } .subtitle { text-indent: 2rem; } .italics { font-style: italic; } .bold { font-weight: bold; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .p-1-5 { padding: 1.5rem; } .p-0-10 { padding: 0 10px; } .mb-1 { margin-bottom: 1rem; } .ml-1 { margin-left: 1rem; } .mt-1 { margin-top: 1rem !important; } .mt-2 { margin-top: 2rem; } .m-auto { margin: 0 auto; } .w-full { width: 100%; } .w25 { width: 25%; } .aspect-64 { aspect-ratio: .64; } .rounded { border-radius: .25rem; } .bg-light-grey { background-color: #0000000d; } .bg-grey { background-color: rgb(209 213 219); } .float-right { float: right; } .relative { position: relative; } .overflow-hidden { overflow: hidden; } .mx-width-1050 { max-width: 1050px; box-sizing: border-box; }