*{font-family:'Open Sans',tahoma;box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}.sitetitle{font-family:Oswald,tahoma;font-size:3.5rem;color:#fff;text-align:center;margin:1rem 0}body{margin:0;background:linear-gradient(to right top,#051937,#004d7a,#008793,#00bf72,#a8eb12);background-size:cover;background-repeat:no-repeat}#drop_zone{border:5px dashed #adadad;width:100%;height:10rem;border-radius:5px;display:flex;justify-content:center;align-items:center;color:grey;margin-bottom:1rem;text-align:center;padding:2rem;line-height:1.2rem}#file{display:none}.container{background-color:#fff;min-height:80%;width:80%;border-radius:5px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;margin:0 auto}.btn{background:linear-gradient(to left top,#051937,#004d7a,#008793,#00bf72,#a8eb12);background-size:cover;color:#fff;padding:.75rem 1.5rem;border:0;border-radius:50px;text-decoration:none}.btn-group{text-align:center}a,button,p,span{font-size:.9rem}.errorMsg{color:red}h1.title{background:linear-gradient(to right top,#051937,#004d7a,#008793,#00bf72,#a8eb12);background-size:cover;-webkit-background-clip:text;background-clip:text;color:#004d7a;font-weight:700;font-size:2.4rem;text-align:center;margin-bottom:2rem;-webkit-text-fill-color:transparent}p{text-align:center}#quality{width:100%;font-size:.8rem;text-align:center}.fileInfo{color:#00f}.quality-container{text-align:center;margin-bottom:1rem}p{margin-bottom:1rem}#qualityText{font-weight:700;text-align:center}@media (max-width:767px){html{font-size:12px}}