body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.frame{width:400px;height:400px;margin-top:-200px;margin-left:-200px;border-radius:2px;box-shadow:4px 8px 16px 0 rgba(0,0,0,.1);overflow:hidden;background:linear-gradient(to top right,#8b008b 0,#ff69b4);color:#333;font-family:"Open Sans",Helvetica,sans-serif}.center,.frame{position:absolute;top:50%;left:50%}.center{transform:translate(-50%,-50%);width:300px;height:260px;border-radius:3px;box-shadow:8px 10px 15px 0 rgba(0,0,0,.2);background:#fff;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.title{width:100%;height:50px;border-bottom:1px solid #999;text-align:center}h1{font-size:16px;font-weight:300;color:#666}.dropzone{width:100px;height:80px;border:1px dashed #999;border-radius:3px;text-align:center}.upload-icon{margin:25px 2px 2px}.upload-input{position:relative;top:-62px;left:0;width:100%;height:100%;opacity:0}.btn{display:block;width:140px;height:40px;background:#8b008b;color:#fff;border-radius:3px;border:0;box-shadow:0 3px 0 0 #ff69b4;transition:all .3s ease-in-out;font-size:14px}.btn:hover{background:#639;box-shadow:0 3px 0 0 #ff1493}