diff --git a/css/main.css b/css/main.css index 7825720..06e3cef 100644 --- a/css/main.css +++ b/css/main.css @@ -5,31 +5,52 @@ font-style: normal; } +@font-face { + font-family: 'customFont'; + src: url('../fonts/Roboto-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + .blue-background{ - background: #103171; + background: #f5f7fa; } .no-blue{ background: #FFF; } .title-banner{ - color: #FFF; + color: #000000; + background: none; font-family: customFont, sans-serif; + text-align: center; + padding: 40 px 20 px; } .center-column{ - width: 50%; + width: 90%; + max-width: 900px; margin: auto; - background: #FFFFFF; + padding: 20px; } -h2 { +h1 { font-family: 'customFont', sans-serif; + font-weight: bold; + color: #103171; + margin-top: 20px; } +h2 { + font-family: 'customFont', sans-serif; + font-weight: bold; + color: #103171; + margin-top: 20px; +} p { font-family: 'customFont', sans-serif; + font-weight: normal; } .footer{ @@ -39,3 +60,42 @@ p { .section-header{ font-size: 24px; } + +.title-banner p { + text-align: center; + max-width: 600px; + margin: 0 auto; +} + +.title-banner h1 { + font-size: 2rem; + margin-top: 0; + margin-bottom: 10px; +} + +.title-banner img { + width: 200px; + height: auto; + margin-top: 10px; + margin-bottom: 0; +} + +a { + color: #1e4d7d; + text-decoration: none; +} + +a: hover { + text-decoration: underline; +} + +.info-box { + background-color: #ffffff; + border-radius: 8px; + padding: 20px; + padding-top: 5px; + padding-bottom: 15px; + border: 1px solid #f4f4f4; + margin-bottom: 40px; +} +} diff --git a/directory.html b/directory.html index ff84374..b372d29 100644 --- a/directory.html +++ b/directory.html @@ -1,216 +1,160 @@ + -
+ + +