html{box-sizing:border-box;font-size:16px}@keyframes border{0%{border:3px dashed #959595}to{border:7px dashed #2c43f6}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;overflow-y:hidden;color-scheme:light dark;color:#ffffffde;background:#8b959d;background:linear-gradient(90deg,#8b959d,#8b959d 35%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;display:flex;justify-content:center}.fancy-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer;box-shadow:3px 3px 1px #004fa3;font-size:1.5rem;text-transform:uppercase}.hide{display:none!important}.header{display:flex;width:100%;height:10vh;background-color:#2c43f6;box-shadow:0 0 10px #00000080}.logo{width:100px;height:100px;background-image:url(../logo.png);background-size:contain;margin:1rem}.header h1{color:#fff;font-size:2rem;margin:2.5rem 1rem 1rem 0}.drop-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;height:70%;border:3px dashed #959595;background-color:#fff;cursor:pointer}.drop-image-container span{color:#959595;font-size:1.5rem;text-transform:uppercase}.drop-image-container.dropping{animation:border .5s forwards}.drop-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.container{display:flex;flex-direction:column;height:80vh;width:1024px;background-color:#fff;box-shadow:1px 1px #00000080;border-radius:1rem;overflow:hidden}@media (max-width: 1024px){.container{width:100vw;height:100vh}.header h1{margin:1.2rem 1rem 0 0}.drop-image-container{width:90%}.fancy-button{height:150px;border-radius:0}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}