@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Marcellus);body{margin:0;font-family:"Titillium Web",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#616668;display:flex;flex-direction:column;align-items:center;font-size:8px;min-width:320px;color:#a9efff}@media screen and (min-width:320px){body{font-size:6px}}@media screen and (min-width:425px){body{font-size:7px}}@media screen and (min-width:1000px){body{font-size:12px}}h1{color:#f1e8c4;font-size:6em;margin-bottom:0}.h1-first-letter{color:#dc412f}h2{color:#a9efff;font-style:italic;letter-spacing:1.5px;font-size:2em;margin:0}.app{text-align:center}.app,.file-upload{display:flex;flex-direction:column}.file-upload{margin-top:20px;align-items:center}.file-upload span{font-size:4em}a{color:#a9efff}.upload-button{margin-top:20px;width:20em;height:5em}.floppy-drive{width:20em;height:8em}:focus{outline:none}.url-entry{margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.url-entry>div{display:flex;margin-bottom:100px;margin-top:20px}.url-entry input{height:40px;font-size:32px;padding:5px 10px;border:none;border-bottom:5px solid #2ed696;color:#3a3a3a}.url-entry button{margin-left:10px;padding:0 30px;border:none;font-size:32px;background-color:#fff;color:#2ed696;transition:all .5s;font-weight:700}.url-entry button:hover{background-color:hsla(0,0%,100%,.897);color:#1da16f;cursor:pointer}.floppy{width:30em;height:30em;background:radial-gradient(hsla(0,0%,100%,.1),rgba(0,0,0,.2)),linear-gradient(#3c3c3c,#222);margin-left:auto;margin-right:auto;margin-top:2em;position:relative;border-radius:.5em;box-shadow:0 6px 8px -5px #000;color:#000}.floppy:before{content:"";width:2em;height:2em;position:absolute;display:block;right:0}.shutter-container{background:linear-gradient(#111,#232323);width:19.5em;height:9.9em;left:3.9em;border-radius:0 0 .3em .3em;box-shadow:inset 0 3px #fff,inset 0 -1px 2px #000,0 1px hsla(0,0%,100%,.2)}.shutter,.shutter-container{position:absolute;overflow:hidden}.shutter{background:radial-gradient(#fff,#aeaeae);width:15em;height:9.75em;border-bottom-right-radius:.3em;display:flex;right:2px}.shutter:before{content:"";width:3.75em;height:7.8em;background:linear-gradient(#111,#232323);margin:auto auto auto 9em;box-shadow:inset 4px 0 8px #000,inset -1px 0 hsla(0,0%,100%,.3);z-index:200}.shutter:after{position:absolute;content:"";display:block;width:90%;height:1px;background:#bbb;z-index:100;top:7px;left:0;color:#d5d5d5;box-shadow:0 0,0 10px,0 20px,0 30px,0 40px,0 50px,0 60px,0 70px,0 80px,0 90px,0 100px,0 110px,0 120px,0 130px,0 140px,0 150px,0 160px,0 170px,0 180px,0 190px,0 200px,0 210px,0 220px,0 230px,0 240px,0 250px,0 260px,0 270px,0 280px,0 290px,0 300px,0 310px,0 320px,0 330px,0 340px,0 350px,0 360px,0 370px,0 380px,0 390px,0 400px,20px 5px,20px 15px,20px 25px,20px 35px,20px 45px,20px 55px,20px 65px,20px 75px,20px 85px,20px 95px,20px 105px,20px 115px,20px 125px,20px 135px,20px 145px,20px 155px,20px 165px,20px 175px,20px 185px,20px 195px,20px 205px,20px 215px,20px 225px,20px 235px,20px 245px,20px 255px,20px 265px,20px 275px,20px 285px,20px 295px,20px 305px,20px 315px,20px 325px,20px 335px,20px 345px,20px 355px,20px 365px,20px 375px,20px 385px,20px 395px,20px 405px;opacity:.2;transform:rotate(-10deg) translate(50px,-25px)}.title{text-transform:uppercase;font-size:.95em;top:1em;left:.5em;border-bottom:1px solid rgba(17,17,17,.3)}.subtitle,.title{position:absolute;font-family:Marcellus,sans-serif}.subtitle{top:3.2em;left:.6em;font-size:.75em}.label-container{left:3.9em;background:#111;width:22.2em;height:16.5em;border-radius:.444em .444em 0 0;box-shadow:inset 0 2px 2px #000,0 -1px hsla(0,0%,100%,.15)}.label,.label-container{position:absolute;bottom:0}.label{width:96%;height:98%;background:linear-gradient(#fff 97%,rgba(220,65,48,.6) 0) 0 0/50px repeat,#fff;left:2%;border-radius:5px 5px 0 0;overflow:hidden}.label:before{position:absolute;width:100%;height:37px;background:#dc4130;content:"";top:0}.label span{position:absolute;top:44%;left:8%}.protect{width:1.5em;height:1.2em;position:absolute;bottom:1em;border-radius:1px}.protect-1{left:1em;background:#111;box-shadow:inset 0 1px hsla(0,0%,100%,.15),inset 0 0 1px 2px rgba(0,0,0,.4)}.protect-2{right:1em;background:#fff;box-shadow:inset 0 1px 1px #000;border:1px solid #000}.arrow{position:absolute;left:1.4em;top:1em}.arrow-rect{width:1em;background:#222;top:1.5em;box-shadow:inset 0 -1px 1px #000,0 1px hsla(0,0%,100%,.1)}.arrow-rect,.arrow-triangle{height:1.5em;position:absolute}.arrow-triangle{width:1.5em;top:0;left:-.25em;overflow:hidden}.arrow-triangle:before{content:"";position:absolute;width:85%;height:85%;background:#222;transform:rotate(45deg);left:2px;top:16px;box-shadow:0 0 1px 1px #000}
/*# sourceMappingURL=main.1a3a3c63.chunk.css.map */