@import url(https://fonts.googleapis.com/css?family=Nova+Square); body { background-color: #EEEEEE; font-family: sans-serif; } .page-wrapper { padding: 50px 0; width: 55%; margin: 0 auto; min-width: 475px; } header * { margin: 15px 0; } .intro h2 { color: #FFF6E0; background-color: #E23045; border-radius: 3px; padding: 10px 5px; } .preamble { color: #FFF6E0; background-color: #1B4549; padding: 30px 10px; margin: 15px 0 70px 0; } .main article, .preamble { box-shadow: 30px 40px #7AB3B0; border-radius: 3px; } .main { width: 65%; display: inline-block; min-width: 475px; } .main article { background-color: #FFF6E0; border: 1px solid #333333; padding: 20px 20px; margin: 10px 0; } .resources { display: none; } li { list-style-type: none; box-shadow: 10px 10px #F59F81; text-align: center; background-color: #E23045; margin: 5px 0; padding: 7px 0; font-weight: bold; border-radius: 2px; } h1, h2, h3, h4, h5, h6 { font-family: 'Nova Square', cursive; margin: 0; } h1 { font-size: 3.75rem; margin-bottom: 20px; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } p { font-size: 1.25rem; margin-bottom: 0; } a { text-decoration: none; color: #FFF6E0; } article a, h1 { color: #E23045; } ul{ padding: 0; } .sidebar { display: inline-block; vertical-align: top; width: 25%; margin-left: 7%; min-width: 225px; } footer a { background-color: #908673; box-shadow: 10px 20px #D8CFBC; padding: 5px 10px; border-radius: 3px; } footer { margin-top: 60px; text-align: right; }