@import"https://fonts.googleapis.com/css2?family=Alkatra&family=Caveat:wght@600;700&family=Varela+Round&display=swap";.welcome{color:#7b3d53;display:flex;justify-content:center;align-items:center;font-size:100px;margin-bottom:13vh;font-family:Fredoka,sans-serif;text-shadow:-4px -4px 0 white,4px -4px 0 white,-4px 4px 0 white,4px 4px 0 white}.getstarted-container{display:flex;justify-content:center;align-items:center}.getstarted{background-color:#99fff1;width:fit-content;padding:10px 50px;border-radius:80px;border:5px solid #eb7194;box-shadow:0 0 1px 12px #fbffff;font-size:50px}.features{margin-top:-5vh;margin-bottom:8vh;display:flex;justify-content:center;align-items:stretch;gap:3vw}.planner,.notes,.pomodoro{background-color:#ffe7fa;border:5px solid #eb7194;padding:25px;text-align:center;box-shadow:0 0 1px 6px #fbffff;border-radius:10px;margin:10px;flex:1;max-width:400px;font-size:20px;line-height:2rem;font-family:Fredoka,sans-serif;color:#7b3d53}.planner{background-color:#d1f8ff}.pomodoro{background-color:#cff7d5}.homepage-btn-container{display:flex;justify-content:center;align-items:end;gap:8vw;margin:80px 200px}.page-btn{width:20vw;height:20vw;background-color:#f5f5f5;box-shadow:0 0 1px 12px #fbffff;border:5px solid #cea3bf;border-radius:15px;font-size:50px;cursor:pointer;position:relative;overflow:hidden}.page-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;opacity:.3}.notes-btn:before{background-image:url(/assets/notes-182414eb.png)}.planner-btn:before{background-image:url(/assets/planner-8f048e05.jpg)}.timer-btn:before{background-image:url(/assets/timer-04374f65.jpg)}.page-btn:hover{transition-duration:.2s;font-size:60px}header{background-color:#f0bada;color:#7a3b4e;padding:0;border-radius:5px;font-family:Fredoka,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:0 20px}.navbar .logo{width:170px;height:90px;transform:scale(.85)}.logo{background-image:url(/assets/logo-9dea88ba.png);background-repeat:no-repeat;background-size:cover}.nav-links{color:#7a3b4e;list-style:none;padding:0;display:flex;justify-content:flex-end;flex:1}.nav-link{color:#7a3b4e;margin-left:20px;cursor:pointer;transition:color .3s ease}.nav-container{position:relative;display:inline-block}.logout-btn{display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;z-index:2}.logout-btn,.nav-container a{color:#7a3b4e;font-family:Fredoka,sans-serif;text-decoration:none;padding:10px 20px;border-radius:5px;font-weight:700;background-color:#3b524972;background-color:#d1f8ff;position:relative;z-index:2;display:block;margin-right:10px}.logout-btn,.nav-container .nav-text{color:#34252f;font-family:Varela Round,sans-serif;font-weight:700;position:relative;z-index:2}.nav-container .circle-overlay:before{content:"";width:0;height:0;background-color:#519872;background-color:#a6fff5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;z-index:1;opacity:0;border-radius:5px}.nav-container:hover .circle-overlay:before{width:100%;height:100%;opacity:1}body{margin:0;padding:0;font-family:Varela Round,sans-serif}button:focus{outline:none}.ql-editor p,.ql-editor.ql-blank:before{font-size:1.3em;font-weight:100}.pane{overflow-y:auto}.sidebar{width:20%;height:100vh}.sidebar--header{display:flex;justify-content:flex-start;align-items:center;margin-left:10px;color:#7b3d53}.sidebar--header>h3{font-size:1.75rem;margin-right:50px;margin-top:10px}.new-note{margin-left:10px;justify-content:center;align-items:center;padding:5px 10px;border:none;cursor:pointer;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;border-radius:20px;background-color:#99fff1;color:#7b3d53;transition:background-color .3s ease;width:50px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif;font-size:20px;transform:scale(.85);font-weight:700}.editor{width:80%;margin-left:10px;margin-right:10px;height:100vh}.title{overflow:hidden;width:95%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#fee7f9;border:4px solid #cea3bf;margin-bottom:10px;border-radius:5px;margin-left:10px;margin-top:8px}.title--delete{display:none;cursor:pointer;background-color:transparent;border:none}.title:hover .title--delete{display:block}.note-summary:not(:last-of-type){border-bottom:1px solid lightgray}.text-snippet{padding-inline:5px;font-size:1rem;font-weight:400;line-height:1.2rem;color:#7b3d53;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;font-weight:700}.subject-snippet{font-size:.8rem;color:#7b3d53;margin-right:10px;font-weight:700}.selected-note{background-color:#d1f8ff;border:4px solid #cea3bf;margin-left:10px;width:95%;border-radius:5px}.selected-note .text-snippet{color:#7b3d53}.gutter{background-color:#fff0;background-repeat:no-repeat;background-position:50%;margin-left:-3px}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.gutter.gutter-horizontal:hover{cursor:col-resize}.split{display:flex}.delete-btn{display:none;background:none;border:none;margin-right:20px}.title:hover>.delete-btn{display:block}.trash-icon{cursor:pointer}.gg-trash{color:#404040;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0,inset 2px 0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}.gg-trash:after,.gg-trash:before{content:"";display:block;box-sizing:border-box;position:absolute}.gg-trash:after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash:before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}.save-btn{justify-content:center;align-items:center;padding:5px 10px;border:none;cursor:pointer;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;border-radius:20px;background-color:#99fff1;color:#7b3d53;transition:background-color .3s ease;width:90px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif;font-size:20px;transform:scale(.85)}.save-btn:hover{background-color:#fee7f9}.pane.editor input[type=text]{width:40%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;margin-top:10px;margin-right:20px}.pane.editor input[type=text]:focus{outline:none;border-color:#9f9fa0}.search-notes input[type=text]{width:60%;padding:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:16px;margin-left:10px}.search-notes input[type=text]:focus{outline:none;border-color:#9f9fa0}.subject-filter input[type=text]{width:60%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;margin-left:10px}.subject-filter input[type=text]:focus{outline:none;border-color:#9f9fa0}.filter-btn{margin-left:10px;justify-content:center;align-items:center;padding:5px 10px;border:none;cursor:pointer;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;border-radius:20px;background-color:#99fff1;color:#7b3d53;transition:background-color .3s ease;width:90px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif;font-size:20px;transform:scale(.85)}.filter-btn:hover{background-color:#fee7f9}.timer-on-other-page{display:none}.timer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 10px;border-radius:20px;width:600px;margin-bottom:30px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif}.timer{padding:20px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;font-size:120px;color:#7b3d53}.dropdowns{display:flex;gap:40px;margin-top:10px;margin-bottom:28px;max-width:80%}select{padding:2px 0 2px 10px;font-size:20px;border-radius:20px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif;background-color:#d1f8ff;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;color:#7b3d53;cursor:pointer}select:hover,select:focus{background-color:#fee7f9}select::-webkit-scrollbar{width:10px}select::-webkit-scrollbar-thumb{border-radius:3px;background-color:#7b3d53}select::-webkit-scrollbar-track{background-color:#cea3bf}.buttons-container{display:flex;flex-direction:column;gap:20px}.buttons,.play-buttons{display:flex;gap:30px;justify-content:center;align-items:center;margin-bottom:15px}.play-buttons button{border-radius:50%;width:20px;height:20px;padding:25px;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:#d1f8ff;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff}.buttons button{display:flex;justify-content:center;align-items:center;padding:4px 8px;cursor:pointer;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;border-radius:20px;background-color:#d1f8ff;color:#7b3d53;transition:background-color .3s ease;width:100px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif;font-size:20px}.buttons button:hover,.play-buttons button:hover{background-color:#fee7f9}.message{margin:0;font-size:50px;color:#7b3d53}.toggle-container{margin-top:10px;margin-bottom:-40px}.toggle-button{display:inline-block;position:relative;width:70px;height:33px}.toggle-button input[type=checkbox]{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e1ffe5;transition:.4s;border-radius:34px;border:4px solid #cea3bf;box-shadow:0 0 1px 5px #fbffff}.slider:before{position:absolute;content:"";height:25px;width:25px;left:37px;bottom:0;background-color:#fee7f9;transition:.1s;border-radius:50%}.label-text{position:absolute;left:-12px;display:inline-block;text-align:center;width:100%;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:#7b3d53}.toggle-button.work .slider{background-color:#d1f8ff}.toggle-button.rest .slider:before{transform:translate(-37px)}.toggle-button.rest .label-text{left:13px}.timerpage{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Play,sans-serif}h2{display:flex;justify-content:center;align-items:center;text-align:left;font-size:80px;margin-top:10px;margin-bottom:5px;font-weight:700;color:#7b3d53;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif}.timerpage-container{background-color:#fee7f9;padding:5px 100px;border-radius:15px;border:5px solid #cea3bf;box-shadow:0 0 1px 12px #fbffff;margin-top:10vh}*{box-sizing:border-box}body{background-image:url(/assets/bgg-84badf5e.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:200px;color:#7b3d53}.register-container,.login-container{background-color:#f0bada;border-color:#eb7194;padding:10px 100px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;width:40vw;height:40vh;overflow:hidden;transition:background-color .3s}.register-container input,.login-container input{padding:10px;width:100%;border:none;margin-bottom:30px;border-radius:18px}.form-container label{font-size:25px;line-height:1.8rem}.login,.register{cursor:pointer}.login:hover,.register:hover{background-color:#fee7f9}.login,.register{border:5px solid #cea3bf;box-shadow:0 0 1px 8px #fbffff;background-color:#99fff1}.tab{border:none;padding:20px;width:20vw;background-color:#fee7f9;cursor:pointer;font-size:25px;overflow:hidden;color:#7b3d53}.tab.active{background-color:#f0bbda}body{height:100vh}#planner{padding:30px}#planner button{display:flex;justify-content:center;align-items:center;padding:5px 10px;border:none;cursor:pointer;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;border-radius:20px;background-color:#99fff1;color:#7b3d53;transition:background-color .3s ease;width:100px;font-family:Alkatra,cursive;font-family:Caveat,cursive;font-family:Varela Round,sans-serif;font-size:20px}#planner button:hover{background-color:#fee7f9}button#addNewTask-button{width:300px;margin:0 auto}#addTask-form{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;justify-content:center;align-items:center;background-color:#00000080}#addTask-form-conatiner{position:relative}#addTask-form svg{cursor:pointer;position:absolute;top:5px;right:5px;height:30px;width:30px}#addTask-form form{display:flex;flex-direction:column;width:300px;height:500px;border:4px solid #cea3bf;box-shadow:0 0 1px 6px #fbffff;border-radius:5px;padding:25px;background-color:#fee7f9}#addTask-form form label{font-weight:700;margin:10px 0}#addTask-form form textarea{resize:none;height:100%;margin-bottom:20px}#addTask-form form button{align-self:center;width:100%}#PlannerCalendar-container{margin-top:30px}#PlannerCalendar-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-weight:700;font-size:26px;color:#7b3d53}#PlannerCalendar{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));border-right:4px solid #cea3bf;border-bottom:4px solid #cea3bf}#PlannerCalendar .day{display:flex;flex-direction:column;border-left:4px solid #cea3bf;border-top:4px solid #cea3bf;min-width:150px;height:150px;padding:5px}#PlannerCalendar .day-with-date{background-color:#fee7f9}#PlannerCalendar .dayname{text-align:center;border-left:4px solid #cea3bf;border-top:4px solid #cea3bf;min-width:150px;padding:10px;font-weight:700;font-size:20px;background-color:#f0baca;color:#7b3d53}#PlannerCalendar .date-container{display:flex;justify-content:space-between}#PlannerCalendar .date-container svg{cursor:pointer}#PlannerCalendar .date{font-weight:700;color:#7b3d53}#PlannerCalendar .dayname:nth-child(7),#PlannerCalendar .dayname:nth-child(6){color:#c21e1e}#PlannerCalendar .red-date{color:#c21e1e}#PlannerCalendar .current-date{background-color:#ffe599}#PlannerCalendar .items-list{display:flex;flex-direction:column;overflow-y:auto;margin-top:5px;padding:0 5px 5px}#PlannerCalendar .item{border:1px solid black;border-radius:20px;padding:0 10px;text-align:center;cursor:pointer;background-color:#d1f8ff;margin-top:5px;line-height:1.2}#PlannerCalendar .item:hover{background-color:#a6fff5}#PlannerCalendar .item .item-container{display:flex}#PlannerCalendar .item .item-time{border-right:1px black solid;margin-right:5px;text-align:center;padding-right:5px}#PlannerCalendar .item .item-content{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#PlannerCalendar .item .item-content:first-letter{text-transform:capitalize}#PlannerCalendar .item:first-child{margin-top:0}#PlannerCalendar .items-list::-webkit-scrollbar{width:10px}#PlannerCalendar .items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}#PlannerCalendar .items-list::-webkit-scrollbar-thumb{background:#969696;border-radius:5px}#PlannerCalendar .full-item-container{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;justify-content:center;align-items:center;background-color:#00000080}#PlannerCalendar .full-item{display:flex;flex-direction:column;align-items:center;width:300px;height:500px;border:2px black solid;padding:25px;background-color:#fff;position:relative}#PlannerCalendar .full-item svg{cursor:pointer;position:absolute;top:5px;right:5px;height:30px;width:30px}#PlannerCalendar .full-item p{width:100%;margin-bottom:0}#PlannerCalendar .full-item .item-task{overflow-y:auto;word-wrap:break-word;margin-top:5px;margin-bottom:25px;padding-right:5px;line-height:initial}#PlannerCalendar .full-item .item-task-title{font-weight:700;margin-right:auto;margin-top:16px}#PlannerCalendar .full-item .item-title{font-weight:700}#PlannerCalendar .full-item .item-buttons-container{display:flex;justify-content:space-between;width:100%;margin-top:auto}#PlannerCalendar .full-item .fake-save-button{visibility:hidden;pointer-events:none}#PlannerCalendar .full-item .item-task::-webkit-scrollbar{width:10px}#PlannerCalendar .full-item .item-task::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}#PlannerCalendar .full-item .item-task::-webkit-scrollbar-thumb{background:#969696;border-radius:5px}#PlannerCalendar .full-item form{display:flex;flex-direction:column;height:100%;width:100%;margin-bottom:25px}#PlannerCalendar .full-item form label{font-weight:700;margin:10px 0}#PlannerCalendar .full-item form textarea{resize:none;height:100%}#PlannerCalendar .full-item form button[type=submit]{position:absolute;bottom:25px;left:25px}#planner textarea{padding-right:5px}#planner textarea::-webkit-scrollbar{width:10px}#planner textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}#planner textarea::-webkit-scrollbar-thumb{background:#969696;border-radius:5px}#planner .planner-message{text-align:center;font-size:14px}