|
@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; |
|
} |
|
|