body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #FBDEE3; width: 900px; margin: auto; } .header { margin-top: 40px; margin-bottom: 50px; text-align: center; font-size: 72px; text-shadow: 2px 2px #ADADAD; font-family: pacifico; } .header > a { color: #222222; } .header > a:hover { color: #222222; } #content { margin-top: 120px; background-color: white; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 50px 80px 30px; } h1 { font-size: 36px; margin-bottom: 30px; margin-left: 10px; font-weight: bold; color: #F52F8A; } h2 { font-size: 26px; margin-bottom: 30px; margin-left: 10px; color: #F52F8A; font-weight: bold; } p { margin-bottom: 30px; text-indent: 30px; line-height: 24px; text-align: justify; } img { border: 1px solid black; display: block; margin: auto; margin-bottom: 30px; } ul { margin-bottom: 30px; counter-reset: list; } ol { margin-bottom: 30px; counter-reset: list; } ul ul { margin-bottom: 0px; } ul ol { margin-bottom: 0px; } ol ul { margin-bottom: 0px; } ol ol { margin-bottom: 0px; } li { margin-left: 30px; margin-bottom: 5px; line-height: 24px; text-align: justify; } ul > li:before { content: "•"; color: #F52F8A; position: relative; left: -10px; margin-left: -7px; font-size: 18px; } ol li { counter-increment: list; position: relative; } ol > li:before { content: counter(list) "."; color: #F52F8A; position: absolute; left: -2.5em; width: 2em; text-align: right; } a { text-decoration: none; color: darkblue; } a:hover { color: #4C4C80; } em { font-style: italic; } strong { font-weight: bold; } .contact { background-color: #EEEEEE; padding: 30px; text-align: center; color: #555555; }