@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.header{color:#d8e0fe;margin:1rem 0;font-size:2rem}.btn-group{padding:.3rem;background-color:#151932;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:20rem;height:3rem}.btn-group button{border:0;border-radius:1rem;background-color:#151932;color:#6d718a;flex:1;height:100%;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;flex-direction:row}.btn-group .btn-group__pomodoro--active--red,.btn-group .btn-group__short--active--red,.btn-group .btn-group__long--active--red{background-color:#f87070;color:#1a1e36}.btn-group .btn-group__pomodoro--active--blue,.btn-group .btn-group__short--active--blue,.btn-group .btn-group__long--active--blue{background-color:#72f1f7;color:#1a1e36}.btn-group .btn-group__pomodoro--active--purple,.btn-group .btn-group__short--active--purple,.btn-group .btn-group__long--active--purple{background-color:#d981f9;color:#1a1e36}.modal{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.5rem;width:30%;height:auto;border-radius:calc(1rem + 1vw);position:absolute;top:5rem;transform:translateY(-200%);visibility:hidden;transition:all .75s ease}.modal--open{transform:translateY(0);visibility:visible}.modal--close{transform:translateY(-200%);visibility:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;padding-bottom:1rem;border-bottom:2px solid lightgray}.modal__header h1{font-size:1.5rem;font-weight:600}.modal__header .btn{background-color:transparent;border:0;cursor:pointer;font-size:1.5rem;font-weight:200}.modal__header .btn--red:hover{color:#f87070}.modal__header .btn--blue:hover{color:#72f1f7}.modal__header .btn--purple:hover{color:#d981f9}.modal__times{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:100%;padding:1rem 0;border-bottom:2px solid lightgray}.modal__times h2{font-size:1rem;font-weight:600}.modal__times__btns{width:100%;display:flex;align-items:center;justify-content:space-between}.modal__times__btns div{margin-top:.5rem;width:30%}.modal__times__btns div>h3{font-size:.8rem;color:#6d718a}.modal__times__btns div>input{width:100%;margin-top:.4rem;border:0;padding:.5rem;border-radius:.5rem;background-color:#eef1f8;color:#1a1e36;font-weight:600}.modal__times__btns div>input::-webkit-inner-spin-button,.modal__times__btns div>input::-webkit-outer-spin-button{-webkit-appearance:none}.modal__font{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;border-bottom:2px solid lightgray}.modal__font h2{font-size:1rem;font-weight:600}.modal__font .btn-font-group{display:flex;align-items:center;justify-content:space-between}.modal__font .btn-font-group .ubuntu{font-family:Ubuntu,sans-serif}.modal__font .btn-font-group .ubuntu--active{color:#fff;background-color:#000}.modal__font .btn-font-group .roboto{font-family:Roboto,sans-serif}.modal__font .btn-font-group .roboto--active{color:#fff;background-color:#000}.modal__font .btn-font-group .poppins{font-family:Poppins,sans-serif}.modal__font .btn-font-group .poppins--active{color:#fff;background-color:#000}.modal__font .btn-font-group button{width:2rem;height:2rem;border:0;border-radius:50%;background-color:#eef1f8;color:#1a1e36;font-size:1rem;font-weight:600;padding:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:row;margin-left:1rem;cursor:pointer}.modal__font .btn-font-group button:hover{background-color:#000;color:#fff}.modal__color{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;padding:1rem 0}.modal__color h2{font-size:1rem;font-weight:600}.modal__color .btn-color-group{display:flex;align-items:center;justify-content:center;flex-direction:row}.modal__color .btn-color-group button{border-radius:50%;width:2rem;height:2rem;margin-left:1rem;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal__color .btn-color-group button:hover{border:2px solid black}.modal__color .btn-color-group button svg{display:none;font-size:1.2rem}.modal__color .btn-color-group .btn-red{background-color:#f87070}.modal__color .btn-color-group .btn-red--active svg{display:block}.modal__color .btn-color-group .btn-blue{background-color:#72f1f7}.modal__color .btn-color-group .btn-blue--active svg{display:block}.modal__color .btn-color-group .btn-purple{background-color:#d981f9}.modal__color .btn-color-group .btn-purple--active svg{display:block}.modal__apply{position:relative;bottom:-3rem;width:100%;display:flex;align-items:center;justify-content:center}.modal__apply .btn{height:3rem;width:33%;border:0;border-radius:1rem;color:#fff;font-size:1.2rem;text-shadow:1px 1px 1px rgba(187,187,187,.6);cursor:pointer}.modal__apply .btn:hover{border:2px solid black}.modal__apply .btn--red{background-color:#f87070}.modal__apply .btn--blue{background-color:#72f1f7}.modal__apply .btn--purple{background-color:#d981f9}@keyframes countdown{0%{stroke-dashoffset:0px}to{stroke-dashoffset:113px}}.timer{margin:2rem}.timer .outer{background:rgb(2,0,36);background:linear-gradient(90deg,rgb(2,0,36) 0%,rgb(21,25,50) 30%,rgb(48,71,125) 71%);border-radius:50%;padding:1rem;box-shadow:#9691ff1a 0 30px 100px 14px}.timer .outer .middle{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#151932;width:84%;height:84%;border-radius:50%}.timer .outer .middle .countdown{font-size:5rem;color:#d8e0fe}.timer .outer .middle .btn button{border:0;background-color:transparent;cursor:pointer;font-weight:500;color:#d8e0fe;font-size:1.2rem;letter-spacing:10px}.App{background-color:#1e2140;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.App--roboto{font-family:Roboto,sans-serif}.App--ubuntu{font-family:Ubuntu,sans-serif}.App--poppins{font-family:Poppins,sans-serif}.App .settings{border:0;font-size:2rem;background-color:transparent;color:#d8e0fe;cursor:pointer;transition:all .3s ease-in-out}.App .settings--red:hover{color:#f87070}.App .settings--blue:hover{color:#72f1f7}.App .settings--purple:hover{color:#d981f9}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}