| @font-face { |
| font-family: 'Gotham Rounded'; |
| src: url('../fonts/GothamRounded.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded.otf') format('opentype'), |
| url('../fonts/GothamRounded.woff') format('woff'), url('../fonts/GothamRounded.ttf') format('truetype'), url('../fonts/GothamRounded.svg#GothamRounded-Medium') format('svg'); |
| font-weight: normal; |
| font-style: normal; |
| } |
|
|
| body { |
| height:100vh; |
| width:100vw; |
| max-width:100%; |
| max-height:100%; |
| padding:0; |
| margin:0; |
| font-family: Gotham Rounded, sans-serif; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| } |
|
|
| .upload { |
| height:100%; |
| width:100%; |
| padding:0; |
| margin:0; |
| background: #2dcb89; |
| transition: background 0.3s; |
| cursor: pointer; |
| } |
|
|
| .upload.dragover { |
| background: #32f1a0; |
| transition: background 0.3s; |
| } |
|
|
| .header { |
| text-align: center; |
| background: #29bb7e; |
| } |
|
|
| @media screen and (max-width: 768px) { |
| html { |
| font-size: 80%; |
| } |
| } |
| @media screen and (max-width: 320px) { |
| html { |
| font-size: 60%; |
| } |
| } |
|
|
| .header h1 { |
| color: #1b7b53; |
| font-size: 4rem; |
| padding: 3rem 0 0; |
| margin: 0 0 0; |
| font-family: Gotham Rounded, sans-serif; |
| } |
|
|
| .header h2 { |
| color: #1e8b5d; |
| margin: 0; |
| font-size: 2rem; |
| padding: 0 1rem 3rem; |
| } |
|
|
| .desc { |
| text-align: center; |
| color: #fff; |
| height: 60vh; |
| } |
|
|
| .desc h2 { |
| font-size: 2rem; |
| margin: 0; |
| color: #176b48; |
| padding: 3rem 3rem 0; |
| } |
|
|
| @media screen and (max-width: 490px) { |
| .desc h2 a { |
| font-size: 1rem; |
| } |
| .desc h2 i:hover { |
| font-size: 1rem; |
| } |
| } |
|
|
| .desc h2 a { |
| color: #145a3d; |
| } |
|
|
| .desc h2 a:link { |
| color: #145a3d; |
| } |
|
|
| .desc h2 i:hover { |
| cursor: pointer; |
| } |
|
|
| .desc img { |
| height: 25vh; |
| max-width: 100%; |
| max-height: 100%; |
| margin: auto; |
| padding: 5vh; |
| } |
|
|
| span.author { |
| position: absolute; |
| bottom: 0; |
| right: 0; |
| color: #1b7b53; |
| font-size: 0.8em; |
| padding:0.5em 0.8em; |
| } |
|
|
| span.author a { |
| color: #1b7b53; |
| } |
|
|