:root{--background-light: linear-gradient(30deg, rgba(255,0,211,1) 0%, rgba(255,252,0,1) 100%);--background-dark: linear-gradient(60deg, rgba(0,0,0,1) 50%, rgba(255,0,18,1) 100%)}body{margin:0;font-family:Poppins,sans-serif;overflow:hidden}.minimized-stub{position:absolute;bottom:0;left:5px;margin-bottom:-1%}.stubs-container{display:flex;flex-direction:row;justify-content:space-between}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{opacity:0}.dark{background:#333!important;color:#fff!important}header .minimize{color:red;font-size:20px;font-weight:700;padding-right:15px;cursor:pointer}h1{font-weight:500;text-align:center;padding:2rem}.pomodoro-container{position:relative;display:flex;top:0;align-items:center;justify-content:center;height:100%;width:100%}.white-box{position:absolute;background-color:#fff;width:100%;height:100%;color:#1e1e1e;overflow:hidden;box-shadow:1px 1px 15px #434343;border-radius:6px;left:0;z-index:0}.timer{display:block;max-width:250px;max-height:250px;margin:auto;padding:5px}.button-container{display:flex;flex-direction:row;justify-content:space-evenly;padding:25px;margin-bottom:50px}.hide{display:none}.visible{display:block}.dark-mode.white-box{background-color:#222}.dark-mode.white-box h1,.dark-mode{color:#fff}.dark-mode.white-box button{box-shadow:1px 1px 5px #434343}@media (max-width: 1100px){.white-box{background-color:#fff;width:100%;height:100%;color:#1e1e1e;box-shadow:1px 1px 15px #434343;border-radius:6px;left:0;z-index:1}.pomodoro-container{top:0;height:100%;width:100%}h1{font-size:18px;padding:.5rem 0}.dark-mode.white-box h1,.dark-mode{color:#fff}.timer{max-width:120px;max-height:120px}.button-container{padding:0;justify-content:center}.button-container button{width:2rem;height:2rem;margin:0 5px}.button-container button svg{height:1.5rem;margin:-8px -1rem}}button{border:solid 1px transparent;box-shadow:3px 3px 11px #999;background-color:red;color:#fff;width:3rem;height:3rem;border-radius:100%;cursor:pointer}button:active{background-color:#a00;scale:.92;box-shadow:1px 1px 5px #000}button.task-completed{background-color:#444}.pomodoro-minimized-stub{position:absolute;bottom:0;left:0%;margin-bottom:-1%;width:15rem}.pomodoro-minimized-stub h1{font-weight:400;font-size:1rem;color:#fff;background:rgb(30,30,30);background:linear-gradient(60deg,rgba(30,30,30,1) 50%,rgba(94,94,94,1) 100%);border-radius:10px 10px 0 0;padding:1rem;cursor:pointer}.pomodoro-minimized-stub span{font-weight:700;cursor:pointer;color:red;font-size:1.5rem;padding:1rem}.yt-minimized-stub{position:absolute;bottom:0;left:10%;margin-bottom:-1%;width:15rem}.yt-minimized-stub h1{font-weight:400;font-size:1rem;color:#fff;background:rgb(30,30,30);background:linear-gradient(60deg,rgba(30,30,30,1) 50%,rgba(94,94,94,1) 100%);border-radius:10px 10px 0 0;padding:1rem;cursor:pointer}.yt-minimized-stub span{font-weight:700;cursor:pointer;color:red;font-size:1.5rem;padding:1rem}.sticky-notes-minimized-stub{position:absolute;bottom:0;left:20%;margin-bottom:-1%;width:15rem}.sticky-notes-minimized-stub h1{font-weight:400;font-size:1rem;color:#fff;background:rgb(30,30,30);background:linear-gradient(60deg,rgba(30,30,30,1) 50%,rgba(94,94,94,1) 100%);border-radius:10px 10px 0 0;padding:1rem;cursor:pointer}.sticky-notes-minimized-stub span{font-weight:700;cursor:pointer;color:red;font-size:1.5rem;padding:1rem}.task-list-minimized-stub{position:absolute;bottom:0;left:30%;margin-bottom:-1%;width:15rem}.task-list-minimized-stub h1{font-weight:400;font-size:1rem;color:#fff;background:rgb(30,30,30);background:linear-gradient(60deg,rgba(30,30,30,1) 50%,rgba(94,94,94,1) 100%);border-radius:10px 10px 0 0;padding:1rem;cursor:pointer}.task-list-minimized-stub span{font-weight:700;cursor:pointer;color:red;font-size:1.5rem;padding:1rem}.youtube-box{position:absolute;background-color:#fff;width:100%;height:100%;color:#1e1e1e;overflow:hidden;box-shadow:1px 1px 15px #434343;border-radius:6px;top:0}header{background:#000;height:35px;display:flex;flex-direction:row;justify-content:end}.yt-container{margin:1em}.yt-container.iframe-container{height:auto;width:100%;aspect-ratio:16 / 9}.iframe-container>iframe{height:100%}.yt-search-container{display:flex;position:relative;width:100%}.yt-search-container button{border-radius:6px;width:auto;height:100%;padding:5px}.yt-search-container input{border:2px solid #cecece;border-radius:5px;height:1.25rem;width:100%;margin-bottom:10px}tr a{cursor:pointer;font-weight:500;border-bottom:1px solid #cecece;margin-bottom:5px}iframe{border-radius:6px;box-shadow:1px 1px 6px #cecece;height:100%;width:100%;aspect-ratio:16/9;box-sizing:border-box}.dark-theme.youtube-box{background:#222}.dark-theme.youtube-box iframe,.dark-theme.youtube-box button{box-shadow:1px 1px 5px #444}.dark-theme.youtube-box input{border:solid 2px #1b1919}@media (max-width: 1100px){.youtube-box{width:100%;height:100%}iframe{height:100%}header{height:20px}header .minimize{font-size:.75rem}}.header-container{display:flex;flex-direction:column;background-color:#1e1e1e;position:absolute;top:0;right:0;border-radius:6px;margin:5px;z-index:1}.header-container ul{list-style:none;padding:0}.header-container ul li{padding:15px}.header-container button{border-radius:6px;box-shadow:1px 1px 6px #555}.header-container:active{border-radius:6px;box-shadow:1px 1px 6px #444}button:hover{background-color:#d2122e}.form-behind{width:100%}.form-box{position:absolute;top:25%;right:42%;background:#fff;margin:0;border-radius:6px;box-shadow:1px 1px 6px #cecece;width:370px}.form-box h1{padding:0}.form-box header{top:0;border-radius:6px 6px 0 0}.form-body{max-width:100%;padding:25px}.form-body p{text-align:center}.form-body a{text-decoration:underline;cursor:pointer}.form-body form{display:flex;flex-direction:column;justify-content:space-around;gap:.5rem}.form-body input{border:2px solid #c0c0c0;border-radius:6px;font-size:1rem;height:2rem;width:auto;padding:5px}.form-body input::placeholder{color:#cecece}.form-body button{border-radius:6px;width:auto;font-size:1rem;margin:10px;padding:15px}button.greyed-out{background-color:#e1e1e1;color:#888}.form-body .account-buttons{display:flex;flex-direction:row;justify-content:left}.dark-theme.form-box{background:#222;box-shadow:1px 1px 4px #444}.dark-theme.form-box button{box-shadow:1px 1px 4px #444}.profile-buttons-container{display:flex;flex-direction:row;justify-content:center}.profile-picture-container{max-width:12rem;max-height:12rem;margin:auto;border-radius:50%;border:1px solid white}.profile-picture-container button{position:absolute;top:60%;width:50px;height:50px;right:55%;margin:-6rem 1rem;border-radius:50%;padding:.45rem}.sticky-note-container{position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;border-radius:6px;box-shadow:1px 1px 15px #434343}.sticky-note-container header{border-radius:6px 6px 0 0}.sticky-note-container .sticky-notes-body{display:flex;flex-direction:column}.sticky-note-container h2{font-weight:500;margin-left:1em}.sticky-note-container textarea{margin-left:1rem;margin-right:1rem;border:none;background-color:#fff9f2;border-radius:6px;outline:none;height:100%}.dark-theme{background-color:#222;color:#fff}.dark-theme textarea{background-color:#222;color:#fff;resize:none;outline:none}.dark-theme textarea:focus{outline:none;border:none}@media (max-width: 1100px){.sticky-note-container{left:0;width:100%;height:100%}.sticky-note-container .sticky-notes-body textarea{position:relative;height:7rem}}.task-box{position:absolute;background-color:#fff;width:100%;height:100%;color:#1e1e1e;overflow:hidden;overflow-y:scroll;box-shadow:1px 1px 15px #434343;border-radius:6px;top:0;left:0}.task-box::-webkit-scrollbar{width:0}.task-box h2{font-weight:500;margin-left:1em}.task-box ul{list-style:none;padding:20px}.task-box ul li{display:flex;flex-direction:row}.task-box ul li textarea{padding:10px 0;font-size:1rem;background-color:transparent;border:none;width:100%;font-family:Poppins,sans-serif;overflow-y:hidden}.task-box button{border-radius:50%;transform:scale(.5)}.task-box button.completed-task{background-color:#434343!important}.task-box header{top:0;z-index:1;position:sticky}header .plus-task{color:red;font-size:24px;font-weight:700;padding-right:15px;cursor:pointer}button.close-task{background-color:red;border-radius:50%;width:1.5rem;height:1.5rem;font-size:17px}textarea{resize:none}textarea:focus{border:1px solid #cecece;outline:none}.dark-theme.task-box{background-color:#222;color:#fff}.dark-theme.task-box ul li input{color:#fff}.dark-theme button{box-shadow:1px 1px 4px #666}@media (max-width: 1100px){.task-box{width:100%;height:100%;top:0;left:0}.task-box h2{font-size:22px;margin-bottom:0}.task-box ul{padding-top:5px}.task-box ul li textarea{padding:10px 0;font-size:.75rem}.task-box button:not(.close-task){border-radius:100%;transform:scale(.5);height:2.5rem}.task-box header{width:100%;transform:scale(1.1)}header .plus-task{font-size:1rem}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}