body{background:#f2f2f2;color:#757575;font-family:Roboto,sans-serif;margin:0}.container{flex-direction:column;height:100vh}.buttons,.container{display:flex;justify-content:space-around}.buttons{align-items:center;flex-wrap:wrap;height:75vh}.button{margin:0 10vw}.images{display:flex;justify-content:center}.delete{position:relative;right:15px;top:16px}.button svg,.delete svg,footer svg{filter:drop-shadow(3px 3px 3px #999);transform:rotate(-.2deg);transition:.3s}.button svg:hover,.delete svg:hover,footer svg:hover{cursor:pointer;filter:drop-shadow(4px 4px 4px #999);transform:rotate(-.6deg)}.delete svg{filter:drop-shadow(1px 1px 1px #999)}footer svg{filter:drop-shadow(1.5px 1px 1px #999)}.delete svg:hover,footer svg:hover{filter:drop-shadow(1.5px 1.5px 1.5px)}input[type=file]{position:absolute;visibility:hidden}img{border:1px dashed #999;max-height:420px;max-width:420px;padding:10px}.loading,.loading-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading,.loading .background{height:200px;width:200px}.loading .background{animation:pulse-colors 2s linear infinite alternate;background:#6762a6;border:3px solid #c9c3e6;border-radius:50%;box-shadow:1px 2px 2px #00000040;box-sizing:border-box}.loading svg{animation:pulse-icon 4s linear infinite alternate;float:left;margin:25px 5px 5px 55px}#notification-wrapper{position:absolute}footer{display:flex;justify-content:space-between;margin:0 2vw;width:96vw}footer .small-button{border:1px solid #fff;border-radius:50%;box-shadow:0 4px 4px #00000040;height:3.2em;padding:5px;text-align:center;transition:.3s;width:3.2em}footer .small-button:hover{background:#767676;box-shadow:0 6px 6px #00000073}footer .small-button.github{background:#6e5494}footer .small-button.medium{background:#00ab6c;font-size:.85em;padding:.65em}@keyframes pulse-colors{0%{background:#c9c3e6;border:3px solid #a29ccc}to{background:#6762a6;border:3px solid #c9c3e6}}.fadein{animation:fadein 2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.spinner{animation:spin 1.2s linear infinite}.spinner svg{background:#f2f2f2;border-radius:50%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rolling{animation:move 6s ease-out;filter:drop-shadow(4px 4px 4px #999);position:absolute}@keyframes move{0%{left:-5%}to{left:105%}}@keyframes pulse-icon{0%{filter:drop-shadow(1px 2px 2px rgba(0,0,0,.25))}to{filter:drop-shadow(2px 4px 4px rgba(0,0,0,.55))}}
/*# sourceMappingURL=main.41ea6b38.css.map*/