|
|
| Line 40: |
Line 40: |
| | } | | } |
| | | | |
| − | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); | + | @import url('https://fonts.googleapis.com/css?family=Asap+Condensed&display=swap'); |
| | html, | | html, |
| | body { | | body { |
| Line 48: |
Line 48: |
| | padding: 0; | | padding: 0; |
| | overflow-x: hidden; | | overflow-x: hidden; |
| | + | font-family: 'Asap Condensed', sans-serif; |
| | } | | } |
| | | | |
| Line 56: |
Line 57: |
| | p { | | p { |
| | color: #000; | | color: #000; |
| − | font-family: 'Open Sans', sans-serif;
| |
| | } | | } |
| | | | |
| Line 62: |
Line 62: |
| | padding-top: 30px; | | padding-top: 30px; |
| | padding-bottom: 30px; | | padding-bottom: 30px; |
| − | padding-right: 100px; | + | padding-right: 90px; |
| | background-color: #a0e0bd; | | background-color: #a0e0bd; |
| − | height: 38px; | + | height: 58px; |
| | } | | } |
| | | | |
| Line 79: |
Line 79: |
| | } | | } |
| | | | |
| − | .nav-bar-main-menu { | + | .nav-bar-main-menu button { |
| − | font-family: 'Raleway', sans-serif; | + | font-family: 'Asap Condensed', sans-serif; |
| − | }
| + | font-size: 18px; |
| − | | + | |
| − | .banner-container {
| + | |
| − | display: flex; | + | |
| − | flex-direction: row;
| + | |
| − | flex-wrap: wrap;
| + | |
| − | justify-content: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .home-banner-logo {
| + | |
| − | height: 250px;
| + | |
| − | width: 35%;
| + | |
| − | padding-top: 170px;
| + | |
| − | margin-right: -400px;
| + | |
| | } | | } |
| | | | |
| | .home-banner-wrapper { | | .home-banner-wrapper { |
| | + | position: relative; |
| | background: #a0e0bd; | | background: #a0e0bd; |
| − | height: 400px; | + | height: 675px; |
| | width: 100%; | | width: 100%; |
| | + | margin-top: -5px; |
| | + | } |
| | + | |
| | + | .home-banner-logo { |
| | + | height: 200px; |
| | + | position: absolute; |
| | + | left: 75px; |
| | + | bottom: 55px; |
| | + | z-index: 1; |
| | + | background-color: rgba(160, 224, 189, 0.5); |
| | + | box-shadow: 10px -10px 50px 10px rgba(160, 224, 189, 0.75); |
| | } | | } |
| | | | |
| | .home-banner-plants { | | .home-banner-plants { |
| − | height: 400px; | + | position: absolute; |
| − | width: 80%; | + | top: 10px; |
| | + | right: -10; |
| | + | bottom: 20px; |
| | + | height: 680px; |
| | + | width: 1400px; |
| | } | | } |
| | | | |
| Line 145: |
Line 148: |
| | display: none; | | display: none; |
| | position: absolute; | | position: absolute; |
| − | background-color: #016C64; | + | background-color: #016c64; |
| | color: #ffffff; | | color: #ffffff; |
| | width: 200px; | | width: 200px; |
| − | font-size: 14px;
| |
| | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); | | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); |
| | z-index: 1; | | z-index: 1; |
| Line 154: |
Line 156: |
| | | | |
| | .toolkit-dropdown-content { | | .toolkit-dropdown-content { |
| − | width: 720px; | + | width: 550px; |
| | left: -160px; | | left: -160px; |
| | } | | } |
| Line 164: |
Line 166: |
| | .human-dropdown-content { | | .human-dropdown-content { |
| | left: 12px; | | left: 12px; |
| | + | width: 170px; |
| | } | | } |
| | | | |
| | .outreach-dropdown-content { | | .outreach-dropdown-content { |
| − | width: 230px; | + | width: 200px; |
| | left: -40px; | | left: -40px; |
| | } | | } |
| Line 201: |
Line 204: |
| | .dropbtn:hover, | | .dropbtn:hover, |
| | .active-page { | | .active-page { |
| − | color: #016C64; | + | color: #016c64; |
| | transition-duration: 0.5s; | | transition-duration: 0.5s; |
| − | }
| |
| − |
| |
| − | .dropdown-content a:hover {
| |
| − | color: #016C64;
| |
| − | background-color: #ffffff;
| |
| | } | | } |
| | | | |
| | .dropdown:hover .dropdown-content { | | .dropdown:hover .dropdown-content { |
| | display: block; | | display: block; |
| − | }
| |
| − |
| |
| − | .about-page-content-wrapper {
| |
| − | padding-bottom: 5%;
| |
| − | }
| |
| − |
| |
| − | .about-content-wrapper {
| |
| − | padding-right: 100px;
| |
| − | padding-left: 90px;
| |
| − | padding-top: 35px;
| |
| − | padding-bottom: 35px;
| |
| − | }
| |
| − |
| |
| − | .about-header-text {
| |
| − | font-family: 'Merriweather', serif;
| |
| − | font-size: 24pt;
| |
| − | text-align: center;
| |
| − | color: #000;
| |
| − | }
| |
| − |
| |
| − | .about-text-wrapper{
| |
| − | padding-left: 100px;
| |
| − | padding-top: 20px;
| |
| − | }
| |
| − |
| |
| − | .about-body-text {
| |
| − | font-family: 'Open Sans', sans-serif;
| |
| − | color: #000;
| |
| | } | | } |
| | | | |
