diff --git a/static/css/style.css b/static/css/style.css index 59f5b74..015c9c4 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -112,7 +112,7 @@ div#navigation a{ font-family: 'Roboto Condensed', sans-serif; text-decoration: none; color: black; - font-size: 16px; + font-size: 18px; height: 67px; } @@ -274,7 +274,7 @@ div.pagetitle{ font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; - margin-left: 81px; + padding-left: 5%; } /******************************************************/ @@ -532,18 +532,61 @@ img.person_creatorof-imgs{ /************ ABOUT ************/ div#about-content{ - padding-left: 81px; - padding-right: 81px; } div#about-content-top{ - + padding: 0 5%; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; } div#about-content-top-left{ - + grid-column: 1/span 2; + font-size: 32px; + font-weight: normal; + font-stretch: condensed; + font-style: normal; + line-height: 50px; + color: blue; + padding-right: 10%; + } div#about-content-top-right{ - + grid-column: 3/span 2; + padding-right: 10%; +} +div#about-content-top-right img{ + width: 100%; +} + +div#about-content-bottom{ + grid-column: 1/ span 4; + padding: 0 15%; + padding-bottom: 5% + margin-bottom: 60px; + +} + +div#about-paragraph-subtitle{ + font-size: 30px; + line-height: 35px; + padding-bottom: 1.5rem; +} + +div#about-paragraph p { + font-size: 20px; + line-height: 30px; + padding-bottom: 0.5rem; +} + + +div#about-paragraph a{ + font-family: 'Roboto Condensed', sans-serif; + text-decoration: none; + color: blue; +} + +div#about-title { + } /************ TUTORIALS ************/