@import 'https://fonts.googleapis.com/css?family=Open+Sans|Fugaz+One&display=swap';
body{background-color:#fff;color:#000;font-family:open sans,sans-serif}
a,a:hover{color:#00a7e1}
h1 a{color:inherit}
h1 a:hover{text-decoration:underline;color:#00a7e1}
.container{max-width:960px}
h1{font-family:fugaz one,cursive;font-weight:400;font-size:2rem;margin-bottom:1.5rem;color:#000}
#index h1{font-size:3rem;margin-bottom:8rem}
@media(max-width:575px){
	h1,#index h1{font-size:2rem}
}
section>h3{text-transform:uppercase}
h2,h3,h4{font-family:fugaz one,cursive}
.dropzone{border:2px solid #000;border-radius:3px;background-color:inherit;min-height:170px}
.btn-xsm{line-height:1;font-size:.8rem}
img#image{max-width:100%;max-height:80vh}
#file-detail{border-left:3px solid #00a7e1}
#file-detail p{margin-bottom:.5rem;overflow : hidden;text-overflow : ellipsis;white-space : nowrap;width : 100%;}
.preview{width:100%;border:none;border-radius:0;line-height: 40px;font-size: 20px;}
section.popular-files a{margin-right:1rem}
.aff img{opacity:.75;width:40%;min-width:280px}
.aff img:hover{opacity:1}