imgur / css /style.css
imspidey's picture
Upload 24 files
8b262d2
@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;
}