Line 83: |
Line 83: |
| width:100%; | | width:100%; |
| text-align: center; | | text-align: center; |
| + | } |
| + | #topbar { |
| + | background: -moz-linear-gradient(#098280, #E95F26);/* For Firefox 3.6 to 15 */ |
| + | background: #098280; /* For browsers that do not support gradients */ |
| + | background: -webkit-linear-gradient(#098280, #E95F26); /* For Safari 5.1 to 6.0 */ |
| + | background: -o-linear-gradient(#098280, #E95F26); /* For Opera 11.1 to 12.0 */ |
| + | background: linear-gradient(#098280, #E95F26); /* Standard syntax */ |
| + | width:100%; |
| + | color:white; |
| + | font-size:4vw; |
| + | text-align:center; |
| + | text-shadow:2px 2px black; |
| + | font-weight:bold; |
| + | min-height:130px; |
| + | display:flex; |
| + | align-items:center; |
| + | } |
| + | #body { |
| + | width:100%; |
| + | margin:0 auto; |
| + | } |
| + | .fixed { |
| + | margin:0 auto; |
| + | vertical-align:baseline; |
| + | } |
| + | .flexbox{ |
| + | display:flex; |
| + | flex-direction:column; |
| + | margin: 15px 15px; |
| + | font-size:1.3vw; |
| + | } |
| + | .button { |
| + | border-right:.2vw solid #587560; |
| + | color:white; |
| + | font-weight:bold; |
| + | font-size:1.8vw; |
| + | padding:0 .5vw; |
| + | display:flex; |
| + | flex-direction:column; |
| + | width:11.5vw; |
| + | height:3vw; |
| + | text-align:center; |
| + | float:left; |
| + | text-shadow:1px 1px black; |
| + | } |
| + | .button2 { |
| + | color:white; |
| + | font-weight:bold; |
| + | font-size:1.8vw; |
| + | padding:0 .5vw; |
| + | display:flex; |
| + | flex-direction:column; |
| + | width:11vw; |
| + | height:3vw; |
| + | text-align:center; |
| + | float:left; |
| + | text-shadow:1px 1px black; |
| + | } |
| + | #navbar { |
| + | background:#E95F26; |
| + | border:.2vw solid #587560; |
| + | height:3vw; |
| + | display:flex; |
| + | flex-direction:column; |
| + | } |
| + | .sectionheader{ |
| + | background:#098280; |
| + | width:100%; |
| + | color:white; |
| + | font-size:2vw; |
| + | text-align:center; |
| + | text-shadow:1px 1px black; |
| + | font-weight:bold; |
| + | min-height:40px; |
| + | border-radius:25px; |
| + | display:flex; |
| + | align-items:left; |
| + | padding:0 0px 0 0px; |
| + | } |
| + | .primerlogo { |
| + | width:auto; |
| + | max-width:13vw; |
| + | height:auto; |
| + | max-height:13vw; |
| + | margin:0 0 2vw 3vw; |
| + | } |
| + | .camel { |
| + | width: auto; |
| + | max-width: 16vw; |
| + | height: auto; |
| + | max-height: 11vw; |
| + | width: auto; |
| + | position:relative; |
| + | top:1vw; |
| + | } |
| + | .editathonTall { |
| + | width:auto; |
| + | max-width:13vw; |
| + | height:auto; |
| + | max-height:30vw; |
| + | padding:0 0 0 0; |
| + | } |
| + | #editathonsection { |
| + | font-size:1.3vw; |
| + | text-align:left; |
| + | display:flex; |
| + | align-items:center; |
| + | } |
| + | .sectionheader2{ |
| + | background:#52A7A6; |
| + | width:100%; |
| + | color:white; |
| + | font-size:2vw; |
| + | text-align:center; |
| + | text-shadow:1px 1px black; |
| + | font-weight:bold; |
| + | min-height:30px; |
| + | border-radius:0px; |
| + | display:flex; |
| + | align-items:left; |
| + | padding:10px 0 0 10px; |
| + | } |
| + | .primertextbox{ |
| + | background-color:gray; |
| + | color:white; |
| + | padding:25px 15px 15px 15px; |
| + | position:relative; |
| + | bottom:.4vw; |
| + | font-size:1.3vw; |
| } | | } |