:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;--mainColor: #ff74b1;--mainLighter: #ff8c8b;--mainDarker: #f46fd7;--white: rgba(255, 255, 255, .87);--grey: rgba(255, 255, 255, .5);--dark: #292929;--darker: #131313;background-color:var(--dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--mainColor);text-decoration:inherit}a:hover{color:var(--mainColor)}p{font-size:large}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;display:flex;justify-content:center;min-width:320px;height:100vh}h1{text-align:center;font-size:4rem;line-height:1.1;margin:7rem 1rem 6rem}h2{text-align:center;font-size:2.75rem;line-height:1.1}input{padding:20px;outline:none;font-size:medium}.task-form{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;width:30vw;outline:none;border:3px solid var(--white);padding:20px;box-sizing:border-box;margin:1.25rem auto;background-color:var(--darker)}.task-form:hover,.task-form:focus,.task-form:focus-visible{transition:border-color .25s;border:3px solid var(--mainColor)}.add-task{height:65px;border:3px solid var(--white);border-radius:15px}.add-task:hover,.add-task:focus,.add-task:focus-visible{transition:border-color .25s;border:3px solid var(--mainColor)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;background-color:var(--darker);color:inherit;transition:border-color .25s;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-decoration:none}button:hover{border-color:var(--mainColor)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.checkbox,button.trash,button.close{background:none;border:none;cursor:pointer}.tasks{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:40vw;height:45vh;max-height:50vh;overflow-y:auto;list-style:none;border-radius:10px;box-sizing:border-box;margin:auto;margin-top:3.25rem;padding:0}li.task{display:flex;flex-direction:row;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:10px;width:35vw;padding:8px 0;align-items:center;justify-content:space-between;transition:opacity .3s linear;border:2px solid var(--grey);cursor:pointer;margin-bottom:.75rem}.task-name{font-size:1.25rem}.name-area{padding:6px;width:80%;text-align:center}.svg-inline--fa{font-size:1.3rem;color:var(--mainColor);background:none;border:none;cursor:pointer}li.task.done,div.task.done{opacity:.3;box-sizing:border-box}.taskForm-and-tasks{transition:transform .5s ease}.taskForm-and-tasks.slide-left{transform:translate(-50px)}.details{position:relative;width:100px}.task-detail{overflow:hidden;width:40vw;height:60vh;border:2px solid var(--grey);border-radius:10px;box-shadow:0 4px 8px #000c;background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translate(100%);transition:opacity .5s ease,transform .1s ease}.task-detail.show{opacity:1;transform:translate(-35%)}.task-detail.closing{opacity:0;transform:translate(100%)}.todolist{display:flex;justify-content:space-evenly}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh}.container{width:100%;max-width:100vw;overflow-x:hidden}.email-section{display:flex;flex-direction:column;width:80vw;max-width:500px;justify-content:center;gap:10px;align-items:center;margin:auto}.sign-in-google{height:8vh;width:200px;display:flex;justify-content:space-evenly;align-items:center;background-color:var(--mainColor)}.sign-in-google .svg-inline--fa{font-size:1.3rem;color:var(--darker);background:none;border:none;cursor:pointer}.sign-in-email{margin-top:1rem;height:8vh;width:200px;display:flex;justify-content:space-evenly;align-items:center}.input-email{width:200px;transition:border-color .25s}.input-email:hover{border-color:var(--mainColor)}.input-email:focus,.input-email:focus-visible{outline:4px auto -webkit-focus-ring-color}.ball{position:absolute;z-index:-1;width:900px;height:400px;border-radius:50%;filter:blur(90px);opacity:.2;background:linear-gradient(to bottom,var(--mainColor),var(--mainLighter));left:50%;transform:translate(-50%)}#menuToggle{display:block;position:fixed;top:50px;left:50px;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:var(--white);transition:color .3s ease}#menuToggle a:hover{color:var(--mainColor)}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:var(--white);border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:var(--mainColor)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu{position:absolute;width:300px;height:100vh;margin:-100px 0 0 -50px;padding:125px 50px 50px;background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #000c;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none}@media (max-width: 850px){*{box-sizing:border-box}body{margin:0;padding:0;display:flex;justify-content:center;width:100%;height:100%}h1{text-align:center;font-size:4rem;line-height:1.1;margin:7rem 1rem 6rem;max-width:100%}h2{text-align:center;font-size:2.75rem;line-height:1.1}.taskForm-and-tasks{transition:transform .5s ease;width:100%;max-width:100%}.taskForm-and-tasks.slide-left{transform:translate(-20px)}.details{width:0;max-width:100%;position:relative}.task-detail{position:absolute;overflow:hidden;height:60vh;width:90vw;border:2px solid var(--grey);border-radius:10px;box-shadow:0 4px 8px #000c;opacity:0;transform:translate(10%);transition:opacity .5s ease,transform .5s ease;background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 30px #00000080}.task-detail.show{opacity:1;transform:translate(-110%)}.task-detail.closing{opacity:0;transform:translate(10%)}.tasks{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:90vw;height:45vh;max-height:50vh;overflow-y:auto;list-style:none;border-radius:10px;margin-top:3.25rem;padding:0}li.task{display:flex;flex-direction:row;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:10px;width:75vw;padding:8px 0;align-items:center;justify-content:space-between;transition:opacity .3s linear;border:2px solid var(--grey);cursor:pointer;margin-bottom:.75rem}.task-form{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;width:55vw;outline:none;border:3px solid var(--white);padding:20px;box-sizing:border-box;margin:1.25rem auto}.todolist{display:flex;justify-content:space-evenly;width:100%;max-width:100%}.sign-in-google{margin-top:1rem;width:150px;padding:3em 2em}.sign-in-email{width:150px;padding:3em 2em}.input-email{width:150px;transition:border-color .25s}}