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}input.search{width:20em;height:2em}body{background:#1d1e21;font-size:3.5vw}@media (min-width:900px){body{font-size:2vw}}section{max-width:45em;margin:1vh auto 0;background:#f5f5f5;padding:.5em 1em;border-radius:.5em;box-shadow:4px 4px 50px rgba(104,123,247,0);transition:box-shadow .1s linear}section:hover{box-shadow:4px 4px 50px rgba(104,123,247,.6)}ul{margin:0;padding:0;list-style:none}ul li{display:flex;align-items:center;cursor:move;line-height:1;margin-bottom:.1em;border-radius:5px}ul li.dropArea{color:#fff!important;background:#fff!important;position:relative}ul li.dropArea:before{content:"Drop Here";color:#687bf7;font-size:.5em;text-transform:uppercase;width:100%;height:100%;border:2px dashed #687bf7;border-radius:3px;position:absolute;display:flex;justify-content:center;align-items:center}ul li.dropArea span{display:none}ul li.dropArea p{margin-left:1em}ul li:hover{background:linear-gradient(270deg,#687bf7,#72d9ef);color:#fff}ul li:hover span{background-color:#79e7eb}ul li span{display:inline-block;margin-right:1em;margin-left:.5em;background-color:#72d9ef;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;transition:background-color .1s linear}ul li p{transition:margin-left 50ms ease-in-out}ul li i{margin-left:auto;margin-right:1em}@-webkit-keyframes fadeIn{0%{opacity:.2}to{opacity:1}}@keyframes fadeIn{0%{opacity:.2}to{opacity:1}}.ImageCrop{font-family:sans-serif;text-align:center;margin-top:70px}img{max-width:100%}.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.85dd6274.chunk.css.map */