@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@700&display=swap);body,html{height:100vh;font-family:"Prompt",sans-serif}body{background-image:url(/static/media/bakgrund.7d4600a7.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;overflow:hidden}button:focus{outline:none}.timer-container{text-align:center;justify-content:center;margin-left:auto;margin-right:auto}.circle{border:1px solid #000;border-radius:50%;width:30em;height:30em;text-align:center;bottom:0;left:0;margin:auto}.circle,.modal-info{position:absolute;top:0;right:0}.modal-info{margin:2em}.modal-button:hover{background-color:#fff}.modal-button{width:3.8em;height:3.8em}.modal-button,.modal-close-info{cursor:pointer;border-radius:50%;border:1px solid #000;background-color:transparent}.modal-close-info{width:2.5em;height:2.5em}.modal-close-info:hover{background-color:#fff}.modal-open{width:300px;height:250px;outline:none;color:#000;border:1px solid #000;padding:20px;margin-top:7em;margin-right:2em;position:absolute;right:0;top:0;animation:fadeIn 3s ease;-webkit-animation:fadeIn 3s ease;-moz-animation:fadeIn ease 3s;-o-animation:fadeIn ease 3s;-ms-animation:fadeIn ease 3s}#timer-label{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:transparent;text-transform:uppercase;font-size:2.5rem;margin-top:3em}#timer-digits{position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;vertical-align:middle;font-size:4.5rem;letter-spacing:3px;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:#fff;top:50%;left:50%;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes alarm-2{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes alarm-2{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.ticktac{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;width:23em;z-index:-1;-webkit-animation:rotation 17s linear infinite;animation:rotation 17s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.start-btn{margin:2em}#start_stop{cursor:pointer;border-radius:50%;border:1px solid #000;background-color:#fff;width:3.8em;height:3.8em;text-align:center;position:absolute;top:50%;left:50%;margin-top:15em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#start_stop:hover{background-color:transparent}#start_stop img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}#reset{width:3em;height:3em;cursor:pointer;margin-top:6em}#reset:hover{-webkit-animation:rotate 1s linear;animation:rotate 1s linear}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.sidebar-break{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:transparent;text-transform:uppercase;font-size:2.5rem;margin:0;padding-bottom:1em}.sidebar-menu-btn{margin:0;padding:1em;z-index:9999;position:absolute;left:0;top:0;border:none;background-color:transparent;cursor:pointer;font-size:1.5rem;width:40px;height:40px}.sidebar-content{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sidebar-btn{border-radius:50%;border:1px solid #000;background-color:#fff;width:3.8em;height:3.8em;text-align:center;cursor:pointer;font-size:1rem}.sidebar-btn:hover{background-color:transparent;color:#000}.sidebar-btn:active,.sidebar-btn:focus{outline:none}.menuNav{text-align:center;overflow-y:scroll;list-style:none;position:fixed;top:0;background:transparent;border:1px solid #000;left:-2px;bottom:0;height:100vh;width:0;overflow:hidden;max-width:290px;z-index:9;transition:1s}.menuNav.showMenu{width:100%;left:0;bottom:0}.break{padding-top:1em}.work{padding-bottom:1em}.error-message{font-size:10rem;width:200px;height:200px}.link{margin:2em;right:0;bottom:0;padding:1em;position:absolute;background:#fff;border:1px solid #000;color:#000;text-transform:uppercase;text-decoration:none;font-size:1.3rem}.link:hover{background-color:transparent}@media only screen and (max-width:900px){.menuNav{background:#fff}.modal-open{background-color:#fff}}@media only screen and (max-width:600px){.circle{width:20em;height:20em}.modal-info{margin:1em}.ticktac{width:16em}#reset{width:2.5em;height:2.5em;cursor:pointer;margin-top:3.5em}#timer-label{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:transparent;text-transform:uppercase;font-size:2rem;margin-top:2.5em}#start_stop{width:3em;height:3em;margin-top:10em}.menuNav{max-width:200px;background:#fff}#timer-digits{font-size:3.5rem}.link{margin:1em;padding:1em;font-size:1.1rem;z-index:99}.modal-open{width:250px;height:200px;background-color:#fff;border:1px solid #000;padding:15px;margin-top:5em;flex-direction:column-reverse}.modal-info-text{font-size:.8rem}.modal-button{width:3em;height:3em}.modal-button,.modal-close-info{cursor:pointer;border-radius:50%;border:1px solid #000;background-color:transparent}.modal-close-info{width:2em;height:2em}.sidebar-break{font-size:2rem}.sidebar-btn{width:3em;height:3em}}body{color:#000}body::-webkit-scrollbar{width:1em}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}::-webkit-scrollbar{width:20px}.task-main{width:100%}.header-image{width:25%;top:0;left:0;margin:auto;z-index:99}.task-main-margin{overflow-y:scroll;position:absolute;top:0;bottom:0;left:0;right:0;margin:5em auto;max-width:550px;min-height:200px;display:flex;flex-direction:column;border:1px solid #000;padding:20px}input{font-family:"Prompt",sans-serif;background-color:transparent;width:100%;outline:none;border-radius:none;border:none;border-bottom:1px solid #000;box-shadow:none;color:#000}input:invalid{outline:0}input:focus,input:valid{border-color:#000}::-webkit-input-placeholder{color:#000}:-ms-input-placeholder{color:#000}::placeholder{color:#000}.list{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:transparent;font-size:2rem;text-transform:uppercase;letter-spacing:2px;list-style:none;text-align:left}.input-main,.list{display:flex}.input-btn-main{text-align:right;justify-content:right}.input-btn{margin-left:1em;width:55px;height:55px;cursor:pointer;border:1px solid #000;background-color:#fff}.input-btn:hover{background-color:transparent}.list-items-main{word-wrap:break-word;margin-top:1.5em}.list-items{word-wrap:break-word;justify-content:space-between;margin-bottom:.8em;display:flex}.task-delete{width:45px;height:45px;cursor:pointer;border-radius:50%;border:1px solid #000;background-color:transparent;justify-content:right}.btn-delete-main{text-align:right;justify-content:right}.task-delete:hover{background-color:#fff}@media only screen and (max-width:600px){.task-main-margin{margin:3em}.task-delete{width:3em;height:3em}.list{font-size:2rem}.input-btn{margin-left:1em;width:4em;height:4em;cursor:pointer;border:1px solid #000;background-color:#fff}}
/*# sourceMappingURL=main.211f0049.chunk.css.map */