@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#4e4e4e;--error:#ff4a4a;--dark:#404045;--light:#eee}body{background-color:#000;color:#fff;font-family:"Noto Serif"}body.dark-mode{background-color:#fff;color:#4e4e4e;color:var(--secondary)}.App{margin:0 auto;max-width:960px}.title h1{color:#efb6b2;color:var(--primary);font-size:1.2rem;font-weight:400;letter-spacing:2px}.title h2,.title p{text-align:center}.title h2{font-size:2.6rem;margin-top:60px}form{margin:30px auto 10px;text-align:center}label input{height:0;opacity:0;width:0}label{border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:50%;color:#efb6b2;color:var(--primary);cursor:pointer;display:block;font-size:24px;font-weight:700;height:30px;line-height:30px;margin:10px auto;width:30px}label:hover{background:#efb6b2;background:var(--primary);color:#fff}.output{font-size:.8rem;height:60px}.error{color:#ff4a4a;color:var(--error)}.progress-bar{background:#efb6b2;background:var(--primary);height:5px;margin-top:20px}.img-grid{grid-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);margin:20px auto}.img-wrap{height:0;opacity:.8;overflow:hidden;padding:50% 0;position:relative}.img-wrap img{left:0;max-width:150%;min-height:100%;min-width:100%;position:absolute;top:0}.backdrop{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.backdrop img{border:3px solid #fff;box-shadow:3px 5px 7px #00000080;display:block;margin:60px auto;max-height:80%;max-width:60%}footer{color:#fff;margin-top:auto;padding:20px 0;text-align:center}.footer-title{color:#4e4e4e;color:var(--secondary);font-size:1rem;font-weight:400;margin-bottom:10px}.version{display:inline-block;margin-right:10px}.footer-link{color:#efb6b2;color:var(--primary);text-decoration:none}.footer-link:hover{color:#fff}.switch{border-radius:1rem;cursor:pointer;display:inline-block;height:30px;overflow:hidden;position:relative;width:60px}.checkbox{opacity:0}.slider{background-color:#404045;background-color:var(--dark);height:100%;left:0;position:absolute;top:0;transition:.4s;width:100%}.slider:before{background-color:#eee;background-color:var(--light);border:4px solid #404045;border:4px solid var(--dark);border-radius:100%;height:80%;top:50%;transform:translateY(-50%);width:40%}.slider:after,.slider:before{content:"";left:0;position:absolute;transition:.4s}.slider:after{background-color:#404045;background-color:var(--dark);border-radius:100%;height:100%;top:0;transform:translate(40%,-20%);width:50%}.checkbox:checked+.slider{background-color:#eee;background-color:var(--light)}.checkbox:checked+.slider:before{background-color:#404045;background-color:var(--dark);border:4px solid #eee;border:4px solid var(--light);transform:translate(90%,-50%)}.checkbox:checked+.slider:after{background-color:#eee;background-color:var(--light);height:0;width:0}.dropdown{display:inline-block;position:relative}.dropdown-title{color:#efb6b2;color:var(--primary);cursor:pointer;font-size:1.2rem;font-weight:400;letter-spacing:2px}.dropdown-list{background-color:#4e4e4e;background-color:var(--secondary);border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:5px;display:flex;flex-direction:column;padding:10px;position:absolute}.dropdown-item{color:#efb6b2;color:var(--primary);padding:5px;text-decoration:none}.dropdown-item:hover{background-color:#efb6b2;background-color:var(--primary);color:#fff}.dropdown-item a{color:inherit;text-decoration:none}.dropdown-item:hover a{color:#fff}.dark-mode-toggle-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.dark-mode-toggle{cursor:pointer;display:inline-block}
/*# sourceMappingURL=main.ac375ae7.css.map*/