*{box-sizing:border-box;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif}body{background:linear-gradient(11deg,#955295,#ad6f6fcc);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}body>div{display:flex;align-items:center;justify-content:center}#info{position:absolute;bottom:5px;color:#ffffff80}#info>*>a{color:#ffffff80}main{width:500px;background-color:#fff6;padding:10px;transition:all .2s linear}.fileinput{display:flex;border-bottom:2px solid rgba(128,128,128,.2)}.fileinput>input{flex-grow:1;margin-bottom:5px}.fileinput>input::-webkit-file-upload-button{border:0}.fileinput>img{background-color:#80808033;max-height:150px;max-width:250px;margin-bottom:5px;align-self:center}.fileoutput{margin-top:5px;display:flex;justify-content:space-between}.fileoutput>div>div{display:flex;gap:10px}.fileoutput>div>div>div{display:flex;flex-direction:column;gap:5px}.fileoutput>div>div>div>input{border:none;background-color:#80808066;width:130px}.fileoutput>div>button{border:none;margin-top:5px}.fileoutput>div>div>div>select{border:none;background-color:#80808066}.fileoutput>a{max-height:150px;max-width:250px;display:flex;justify-content:end}.fileoutput>a>img{max-width:100%;max-height:100%}@media screen and (max-width: 500px){main{width:95%}.fileinput,.fileoutput{gap:10px;flex-direction:column}.fileoutput>a{max-height:unset;max-width:unset;align-items:center;justify-content:center}.fileoutput>a>img{max-height:30vh}}.round{border-radius:10px}.flexcenter{display:flex;align-items:center;justify-content:center}