*,:after,:before{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}body{background-color:skyblue;background-image:url(https://www.transparenttextures.com/patterns/az-subtle.png)}.app h1{background:linear-gradient(90deg,blue,red);-webkit-background-clip:text;margin:4rem 20%}.app h1,h2{color:transparent;font-size:4rem;text-align:center}h2{background:linear-gradient(90deg,#5b205b,#1500ff);-webkit-background-clip:text}.ui{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:45vh;min-width:100vw}.content{background-color:#fff;border:0 solid grey;border-radius:10px;box-shadow:3px 3px 10px grey;font-size:3rem;line-height:4.2rem;max-width:1300px;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.inputDiv{align-items:center;background-color:rgba(66,64,64,.4);border-radius:10px;display:flex;margin:2rem;padding:.86rem 240px}input{border-radius:10px;border-width:1px;box-shadow:inset 2px 1px 3px 3px #c7c4c4;font-size:3rem;padding:10px}input:focus{outline:none}.time{background-color:rgba(0,0,0,.8);font-size:2.2rem;margin:0 10px;padding:1.23rem .3rem}.refresh,.time{border-radius:10px;color:#fff}.refresh{background-color:#3973cf;cursor:pointer;font-size:3rem;padding:.34rem 1.5rem}.icon{margin-top:10px}@-webkit-keyframes anim1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes anim1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes anim2{0%{-webkit-transform:translatey(-200px);transform:translatey(-200px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes anim2{0%{-webkit-transform:translatey(-200px);transform:translatey(-200px)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes anim3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes anim3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.result{-webkit-animation:anim2 .2s ease-in 0ms 1;animation:anim2 .2s ease-in 0ms 1;background-color:#fff;border:none;border-radius:1rem;bottom:25%;box-shadow:7px 4px 10px grey;left:35%;padding:10rem 3rem;position:absolute;right:35%;top:20%;z-index:1}.overlay:before{-webkit-animation:anim1 .2s ease-in 0ms 1;animation:anim1 .2s ease-in 0ms 1;background-color:rgba(0,0,0,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:scale 2s ease-in 0ms}.close-modal-btn{background-color:initial;border:none;font-size:3rem;padding:10px 13px;position:absolute;right:10px;top:10px}.inner-div p{color:#fff;display:flex;font-size:3.5rem;justify-content:center}.inner-div div{background-color:#7352e8;border-radius:10px;box-shadow:2px 3px 5px 5px #d4d2d2;margin-top:1rem;padding:2rem 0}span{display:inline-block;margin:0 4px}.correct{background-color:#ccc6c6;border-radius:4px;margin:4px}.error{color:red}.invisible{display:none}@media (max-width:1700px){.inputDiv{align-items:center;background-color:rgba(66,64,64,.4);border-radius:10px;display:flex;margin:2rem;padding:12px}.content{margin:0 4%;max-width:1200px}.app h1{margin:4rem 20%}.icon{margin-top:10px}.close-modal{background-color:initial;border:none;font-size:1rem;padding:10px 13px;position:absolute;right:10px;top:10px}.inner-div p{color:#fff;display:flex;font-size:1rem;justify-content:center}.inner-div div{background-color:#7352e8;border-radius:10px;box-shadow:2px 3px 5px 5px #d4d2d2;margin-top:1rem;padding:.5rem 0}.result{background-color:#fff;border:none;border-radius:1rem;bottom:40%;box-shadow:7px 4px 10px grey;left:35%;padding:10rem 3rem;position:absolute;right:35%;top:30%;z-index:1}}@media (max-width:900px){.inputDiv{align-items:center;background-color:rgba(66,64,64,.4);border-radius:10px;display:flex;margin:2rem;padding:4px}input{border-radius:10px;border-width:1px;box-shadow:inset 2px 1px 3px 3px #c7c4c4;font-size:1.15rem;padding:10px 0}.time{background-color:rgba(0,0,0,.8);margin:0 10px;padding:1rem .5rem}.refresh,.time{border-radius:10px;color:#fff;font-size:1rem}.refresh{background-color:#3973cf;padding:1rem}.content{font-size:1.5rem;line-height:2.5rem;margin:2%;max-width:600px;padding:none}.content,.ui{overflow-x:hidden}.ui{overflow-y:hidden}.app h1{font-size:2rem;margin:4rem 10%}.icon{margin-top:.5px}h2{background:linear-gradient(90deg,#5b205b,#1500ff);-webkit-background-clip:text;color:transparent;font-size:2rem;text-align:center}.close-modal{background-color:initial;border:none;font-size:1rem;padding:10px 13px;position:absolute;right:10px;top:10px}.inner-div p{color:#fff;display:flex;font-size:10px;justify-content:center}.inner-div div{background-color:#7352e8;border-radius:10px;box-shadow:2px 3px 5px 5px #d4d2d2;margin-top:1rem;padding:.5rem 0}.result{background-color:#fff;border:none;border-radius:1rem;bottom:40%;box-shadow:7px 4px 10px grey;left:35%;padding:10rem 3rem;position:absolute;right:35%;top:30%;z-index:1}}@media (max-width:650px){.result{background-color:#fff;border:none;border-radius:1rem;bottom:35%;box-shadow:7px 4px 10px grey;left:23%;padding:6rem 3rem 3rem;position:absolute;right:23%;top:20%;z-index:1}.inner-div div{background-color:#7352e8;border-radius:10px;box-shadow:2px 3px 5px 5px #d4d2d2;margin-top:1rem;padding:1rem 0}.inner-div p{font-size:1rem}.inner-div{margin:auto -10%;padding:0}}@media (max-width:370px){.inputDiv{align-items:center;background-color:rgba(66,64,64,.4);border-radius:10px;display:flex;margin:3rem;padding:4px}input{border-radius:10px;border-width:1px;box-shadow:inset 2px 1px 3px 3px #c7c4c4;font-size:.85rem;padding:10px 0}.time{background-color:rgba(0,0,0,.8);margin:0 10px;padding:.8rem .5rem}.refresh,.time{border-radius:10px;color:#fff;font-size:1rem}.refresh{background-color:#3973cf;padding:.8rem 1rem}.result{background-color:#fff;border:none;border-radius:1rem;bottom:35%;box-shadow:7px 4px 10px grey;left:14%;padding:6rem 3rem 3rem;position:absolute;right:14%;top:20%;z-index:1}.inner-div div{background-color:#7352e8;border-radius:10px;box-shadow:2px 3px 5px 5px #d4d2d2;margin-top:1rem;padding:1rem 0}.inner-div p{font-size:1rem}.inner-div{margin:auto -25%;padding:0}}
/*# sourceMappingURL=main.395c643b.css.map*/