@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap);*{border:none;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}*,body,html{font-family:Montserrat,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none}body,html{zoom:80%;background:#ee6969;background:linear-gradient(90deg,#ec6363,#ca5050);overflow-x:hidden;text-align:center;transition:background .3s}@-webkit-keyframes bg-to-study{0%{background:#6986ee;background:linear-gradient(90deg,#6986ee,#7e50ca)}to{background:#ee6969;background:linear-gradient(90deg,#ec6363,#ca5050)}}@keyframes bg-to-study{0%{background:#6986ee;background:linear-gradient(90deg,#6986ee,#7e50ca)}to{background:#ee6969;background:linear-gradient(90deg,#ec6363,#ca5050)}}@-webkit-keyframes bg-to-break{0%{background:#ee6969;background:linear-gradient(90deg,#ec6363,#ca5050)}to{background:#6986ee;background:linear-gradient(90deg,#6986ee,#7e50ca)}}@keyframes bg-to-break{0%{background:#ee6969;background:linear-gradient(90deg,#ec6363,#ca5050)}to{background:#6986ee;background:linear-gradient(90deg,#6986ee,#7e50ca)}}.break-bg{background:#6986ee;background:linear-gradient(90deg,#6986ee,#7e50ca)}.app{margin:0 auto;max-width:1400px;position:relative}.app .main{margin-top:180px;text-align:center;width:100%}.app .main .text{color:#fff;font-size:30px;position:absolute;right:20px;text-align:right}.app .main .pomodoro-types{align-items:flex-start;display:flex;gap:16px;justify-content:left;margin-bottom:20px;width:320px}.app .main .pomodoro-types-image{cursor:pointer;transition:all .3s;width:50px}.app .main .pomodoro-types-image:first-child{margin-left:-1px}.app .main .pomodoro-types-image:last-child{margin-top:3px}.app .main .actions{align-items:center;display:flex;width:100%}.app .main .actions .settings{width:320px}.app .main .actions .settings .obstacle{background:transparent;display:none;height:180px;position:absolute;width:320px;z-index:10}.app .main .actions .settings .setting{border-radius:80px;color:#fff;height:80px;margin-top:10px;position:relative;width:100%}.app .main .actions .settings .setting-label{font-size:35px;font-weight:600;left:0;line-height:80px;opacity:.4;position:absolute;text-align:left}.app .main .actions .settings .setting-counter{align-items:center;display:flex;font-size:55px;height:100%;justify-content:center;opacity:.8;position:absolute;right:0;width:60%}.app .main .actions .settings .setting-counter-value{margin-left:10px;margin-right:10px}.app .main .actions .settings .setting-counter input{background-color:#ba4b4b;border-radius:50%;color:#fff;cursor:pointer;font-size:35px;height:45px;transition:all .3s;width:45px}.app .main .actions .settings .setting-counter input:hover{height:55px;width:55px}.app .main .actions .settings .setting-counter input:active{-webkit-animation:counterBtn .3s;animation:counterBtn .3s;background-color:#ac3b3b}.app .main .actions .button-done{background:#b6e28d;background:linear-gradient(148deg,#b6e28d,rgba(154,226,141,.63));border-radius:50%;cursor:pointer;height:40px;margin:40px;transition:all .3s;width:40px}.app .main .actions .button-done:hover{height:45px;width:45px}.app .main .actions .buttons{margin-left:auto}.app .main .actions .buttons button{border-radius:50%;cursor:pointer;height:80px;margin:10px;transition:all .3s;width:80px}.app .main .actions .buttons button:hover{height:90px;width:90px}.app .main .actions .buttons-skip{background:#ff1f1f;background:linear-gradient(148deg,#ff1f1f,rgba(169,0,0,.63))}.app .main .actions .buttons-skip:active{background:#f91616;background:linear-gradient(148deg,#f91616,rgba(135,3,3,.63))}.app .main .actions .buttons-reset{background:#e28d8d;background:linear-gradient(148deg,#e28d8d,hsla(0,59%,72%,.628))}.app .main .actions .buttons-reset:active{background:#e28080;background:linear-gradient(148deg,#e27f7f,hsla(0,60%,69%,.628))}.app .main .actions .buttons-control{background:#8d9fe2;background:linear-gradient(148deg,#8d9fe2,rgba(142,141,226,.63))}.app .main .actions .buttons-control:active{background:#8398e2;background:linear-gradient(148deg,#8397df,rgba(136,135,226,.63))}.app .main .actions .buttons .paused{background:#b6e28d;background:linear-gradient(148deg,#b6e28d,rgba(154,226,141,.63))}.app .main .actions .buttons .paused:active{background:182,226,141;background:linear-gradient(148deg,#b6e28d,rgba(154,226,141,.63))}.app .main .pomodoro-name{background-color:transparent;color:#fff;font-size:30px;font-weight:700;left:0;position:absolute;width:600px}.app .main .pomodoro-name::-webkit-input-placeholder{color:#fff;opacity:.39}.app .main .pomodoro-name:-ms-input-placeholder{color:#fff;opacity:.39}.app .main .pomodoro-name::placeholder{color:#fff;opacity:.39}.app .main .timer{color:#fff;font-size:20vw;font-weight:600;margin-top:60px;position:relative;text-align:center;width:100%;z-index:1}.app .main .timer .round-bg{border-radius:50%;height:500px;position:absolute;top:50px;width:500px;z-index:-1}.app .main .timer .minute{background-color:#e96666;left:50px}.app .main .timer .second{background-color:#e96666;right:50px}.footer{background-color:transparent;background:transparent;bottom:0;font-weight:600;margin-bottom:20px;margin-top:60px;position:static;text-align:center;transition:all .3s;width:100%}.footer-credit{align-items:center;cursor:pointer;display:flex;height:54px;justify-content:center;margin:0 auto;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;width:200px}.footer-credit:hover .footer-credit-text-name{color:#e2958a;font-size:17px;text-shadow:0 2px 2px rgba(0,0,0,.04),0 0 5px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.04),0 3px 5px rgba(0,0,0,.04),0 5px 10px rgba(0,0,0,.04),0 10px 10px rgba(0,0,0,.04),0 20px 20px rgba(0,0,0,.04)}.footer-credit:hover .footer-credit-text-description{color:#df8577;font-size:15px}.footer-credit:hover .footer-credit-image{border:4px solid hsla(0,0%,81%,.3);height:54px;width:54px}.footer-credit-image{border:3px solid hsla(0,0%,86%,.3);border-radius:50%;height:52px;margin-right:10px;transition:all .2s;width:52px}.footer-credit-text{display:block;text-align:left}.footer-credit-text-name{color:#f3b7ae;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.03),0 0 5px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.03),0 3px 5px rgba(0,0,0,.03),0 5px 10px rgba(0,0,0,.03),0 10px 10px rgba(0,0,0,.03),0 20px 20px rgba(0,0,0,.03);transition:all .2s}.footer-credit-text-description{color:#ed998c;font-size:14px;font-weight:500;transition:all .2s}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;vertical-align:baseline}
/*# sourceMappingURL=main.7e143ac9.css.map*/