:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.taskContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:90vw;width:fit-content;background-color:var(--light_pink_color);margin-top:.5rem;border-radius:1rem}.taskForm{justify-content:space-between;align-items:center;width:350px;padding:10px;transition:all .3s ease}.taskForm:hover{transform:translateY(5px)}.taskInput{flex-grow:1;padding:1rem 4rem;border:1px solid var(--dark_pink_color);border-radius:20px;font-size:16px;color:var(--black);background-color:var(--white)}.taskInput:focus{outline:none;border-color:var(--dark_pink_color);box-shadow:0 0 8px var(--dark_pink_color)}.taskListContainer{list-style-type:none;padding:.5rem 0rem;margin:0 auto;width:350px;text-align:center}.taskItem{display:flex;align-items:center;padding:15px;margin-bottom:12px;color:var(--dark_green_color);background-color:var(--light_green_color);border-radius:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;animation:fadeIn .5s ease-in-out}.taskItem:hover{transform:scale(1.03)}.taskCheckbox{margin-right:15px;width:15px;height:15px;border-radius:50%;border:1px solid var(--white);background-color:var(--white);-webkit-appearance:none;-moz-appearance:none;appearance:none;transform:scale(1.3)}.taskText{font-size:18px;text-decoration:none;font-weight:500;flex-grow:1;text-align:left}.taskCheckbox:checked{border-color:var(--dark_green_color);background-color:var(--dark_green_color)}.taskCheckbox:checked+.taskText{text-decoration:line-through;color:#a69f9f}@font-face{font-family:JoyStix;src:url(/CuteStudyTimer/assets/joystix_monospace-DCHZbR1r.otf) format("opentype")}:root{--white: #fcf8f9;--black: #493f3b;--light_pink_color: #fbb5b3;--dark_pink_color: #da5373;--light_green_color: #bcc167;--dark_green_color: #6a6e21}html,body{margin:0;padding:0;height:100%;background-image:linear-gradient(#ffcfd5,#ffd8af)}.container{display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding:1rem;box-sizing:border-box;background-image:linear-gradient(#ffcfd5,#ffd8af)}#webName{font-family:JoyStix;color:var(--light_green_color);text-align:left;font-size:2.5rem}.mainDisplayContainer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;text-align:center;width:100%;flex-grow:1;margin-bottom:0}.timerDisplayContainer{margin:auto}.taskDisplayContainer{margin:0 auto}.timer{color:var(--dark_pink_color);font-family:JoyStix;font-size:5em;margin:.5em 0}.musicPlayer{display:flex;justify-content:end;margin:2em 0;border-radius:5%;border:none;width:100%}.musicPlayer iframe{width:400px;height:80px;border:none;border-radius:10px;box-sizing:border-box;box-shadow:0 0 10px #0003;background-color:#fbb5b3}.controlBtns{display:flex;align-items:center;justify-content:center;margin:0}.controlBtns button,.timerBtns button,.settingPopup button{max-width:100%;border-radius:1.25em;border:2px solid var(--light_pink_color);padding:.7em 1.4em;margin:.5em .75em;color:var(--dark_pink_color);font-size:1.25em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}.controlBtns button:hover,.timerBtns button:hover{border-color:var(--dark_pink_color);transform:scale(1.05)}.controlBtns img{width:3em;height:auto;max-width:100%;margin-right:.5em}#stop-btn{display:none}.currModeBtn{background-color:var(--light_green_color)!important;color:var(--dark_green_color)!important}.ghLink{text-decoration:none;color:#9d596e}.ghLink:hover{text-decoration:underline}@media screen and (max-width: 900px){.mainDisplayContainer{flex-direction:column;gap:25px;flex-grow:1;width:100%}.musicPlayer iframe{width:300px}}