html,body,.todo-form{margin:0;padding:0;width:100%;overflow-x:hidden}.content-box{display:flex}h2{margin-bottom:5px}form{width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}input{border:2px solid purple;padding:5px;border-radius:30px}.input-field{display:flex;flex-direction:column;gap:5px;width:15rem}input:focus{outline:none}.time-box{display:flex;gap:1rem}.time-box .input-field{width:7rem}#submitbtn{background-color:purple;color:#f0f8ff;width:15rem;padding:7px}#submitbtn:disabled{opacity:50%}#submitbtn:hover{background-color:#620162}span{margin-left:7px}.side-bar{width:50%;height:100vh;background-image:url(/assets/bubbles-c035654c.jpg);background-repeat:no-repeat;background-size:cover}@media only screen and (max-width:708px){.content-box{flex-direction:column-reverse}.side-bar{height:10rem;width:100%;background-position:center}form{width:100%;align-items:center;height:30rem}}#title{display:flex;align-items:end;gap:.5rem;padding:1rem}#logo{color:purple;font-size:xx-large}#logo-desc{font-size:.9rem}#content-box{display:flex;justify-content:space-between}#side-bar{width:30%;height:60vh;border-radius:30px;display:flex;justify-content:center;align-items:center;margin-top:5%;padding:0 1rem}#main-content{width:50%}#tracker{width:25%;margin-top:5%;padding:0 1rem}#main-top{height:30%;display:flex;justify-content:space-between;align-items:center}#main-title{display:flex;justify-content:space-between;align-items:center;padding:1rem}#task-title{font-size:larger}#all-todos{display:flex;justify-content:space-between}#todo-box{display:flex;flex-direction:column;gap:5px}#showCompletedBox{display:flex;align-items:center;gap:.5rem}#todos{display:flex;justify-content:space-between;background-color:#cc8db3;min-width:17rem;border-radius:10px;padding:5px 0}#todo-right{display:flex;flex-direction:column;justify-content:space-between}#todo-left{display:flex;align-items:center;gap:5px;padding:0 10px;font-size:large}#todo-time{background-color:#841055;padding:6px;border-top-left-radius:30px;border-bottom-left-radius:30px;color:#f0f8ff;font-size:.9rem;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}.todo-buttons{align-self:self-end;display:flex;gap:5px;padding:5px 10px}.todo-buttons button{background:none;font-weight:700;font-size:larger}input{background:none}#todo-time input{color:#fff}#add-btn{padding:10px 20px;background:#841055;color:#f0f8ff;border:none;box-shadow:0 1px 6px gray;border-radius:.5rem;margin-bottom:5px}.checkbox-wrapper .round{position:relative}.checkbox-wrapper .round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:20px;width:20px;display:block}.checkbox-wrapper .round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:4px;left:3px;opacity:0;position:absolute;top:6px;transform:rotate(-45deg);width:10px}.checkbox-wrapper .round input[type=checkbox]{visibility:hidden;display:none;opacity:0}.checkbox-wrapper .round input[type=checkbox]:checked+label{border-color:#cc8db3;background-color:#cc8db3}.checkbox-wrapper .round input[type=checkbox]:checked+label:after{opacity:1}#no-todo{display:flex;margin-left:8rem;margin-top:5rem;color:#ccc;font-family:sans-serif}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;display:flex;justify-content:flex-start;align-items:stretch;overflow:hidden}.drawer-content{background:#f5f5f5;width:80%;max-width:350px;height:100%;padding:1rem;position:relative;transform:translate(-100%);animation:slide-in .3s forwards;overflow-y:auto;box-shadow:2px 0 8px #0000004d}.close-btn{position:absolute;top:1rem;right:1rem;background:#841055;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1.2rem;cursor:pointer}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media screen and (max-width: 1233px){#mobile-controls{display:flex!important;flex-direction:column;align-items:center;gap:1rem;width:8%;background-color:#841055;color:#f5f5f5;border-top-right-radius:30px;border-bottom-right-radius:30px;height:90vh;padding-top:2rem}#side-bar,#tracker{display:none}#main-content{width:90%;padding:2rem 5rem}#tracker-btn,#calendar-btn{background:none;font-size:2rem}}@media screen and (min-width: 1233px){#mobile-controls{display:none!important}#side-bar,#tracker{display:block;position:relative;width:30%;height:auto}.overlay{display:none}}body .drawer-open{overflow:hidden}@media screen and (max-width: 792px){#main-content{padding:2rem 3rem}}@media screen and (max-width: 719px){#main-content{padding:2rem 1rem}}@media screen and (max-width: 571px){#todos{min-width:15rem}}@media screen and (max-width: 471px){#todos{min-width:13rem}}#calendar-btn svg,#tracker-btn svg{font-size:26px}@media (max-width: 510px){#calendar-btn svg,#tracker-btn svg{font-size:20px}#calendar-btn,#tracker-btn{padding:6px}}@media (max-width: 421px){#all-todos{flex-direction:column;gap:1rem}#all-todos #todo-box{width:100%}}html{font-size:16px}@media (max-width: 1024px){html{font-size:15px}}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 510px){html{font-size:13px}}@media (max-height: 421px){html{font-size:12px}}@media (max-height: 560px){#no-todo{margin-left:2rem;margin-right:2rem}}.progress-container{display:flex;align-items:center;flex-direction:column;gap:2rem}.progress{position:absolute;top:9.8rem;font-weight:700;font-family:sans-serif}.title{margin-top:1rem}@media screen and (max-width: 1233px){.progress{top:13rem}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}*{padding:0;margin:0;border:none;box-sizing:border-box}html,body{margin:0;padding:0;width:100%}.my-calendar .rdp-button_previous svg,.my-calendar .rdp-button_next svg{fill:purple}.my-calendar .rdp-button_previous:hover,.my-calendar .rdp-button_next:hover{background-color:#eee;border-radius:50%}.my-calendar .rdp-weekday{font-weight:600;color:purple}.my-calendar .rdp-today{color:purple;font-weight:700}.my-calendar .rdp-selected{background:rgb(148,81,148)!important;border-radius:50%;color:#fff!important;display:flex;justify-content:center;align-items:center}.my-calendar .rdp-selected .rdp-day_button{border:none}@media screen and (max-width: 402px){.my-calendar{font-size:small}}