*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}button{background-color:#0ff;color:#000;padding:10px;border:none;border-radius:5px}#logo:hover{filter:drop-shadow(0px 0px 10px rgba(159,24,254,1))}.darkGlow{box-shadow:0 0 1rem #fff}.lightGlow{box-shadow:0 0 1rem #ffd3d3}.Navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;height:100px;margin-bottom:2rem}.Navbar img{transition:.2s}.Navbar div{display:flex;justify-content:space-between;column-gap:10px}.Navbar div img{transition:.2s;background:transparent}.auth-container{display:flex;align-items:center}.big-dabba{display:flex;justify-content:center}.sideMenu{display:flex;height:100%;flex-direction:column;font-size:1.5rem;row-gap:1rem;flex-grow:1;padding-right:5rem;padding-left:2rem}.options{text-align:center}.formContainer{display:flex;align-items:center;justify-content:center}.Forms{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1.5rem;width:auto;max-width:40%;padding:2rem;font-size:1.5rem;border-radius:15px}.Forms input{font-size:1.5rem;padding:5px;width:100%}.profilePictureContainer{width:300px;height:300px;border-radius:50%;overflow:hidden}.profilePictureContainer img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.bottomPart{display:flex;width:100%;justify-content:space-between;align-items:center}.errorBox{background-color:#ffefef;color:#e7195a;border:1px solid #e7195a;border-radius:4px;padding:5px}.cancleButton{background-color:#e7195a;color:#fff}.Task{display:flex;flex-direction:column;padding:1rem;border-radius:10px;padding:2rem;transition:.2s}.Task:hover{scale:1.05}.taskPageDate{display:flex;column-gap:1rem;align-items:center}.interactiveImage{transform:translate(-25%,-25%);width:"34px"}.bottomPartTask{display:flex;width:100%;justify-content:space-between;margin-top:1rem;column-gap:1rem}.addingTask{background-color:#0f0;padding:15px;display:flex;column-gap:5px;align-items:center;transition:.2s}.addingTask:hover{box-shadow:0 0 10px #0f0}@media screen and (max-width:720px){.tasksContainer{margin-top:1.5rem;padding-left:1.5rem;display:grid;justify-content:center;gap:1.5rem;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}}@media screen and (min-width:720px){.tasksContainer{margin-top:1.5rem;padding-left:1.5rem;display:grid;justify-content:center;gap:1.5rem;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}}@media screen and (min-width:1020px){.tasksContainer{margin-top:1.5rem;padding-left:1.5rem;display:grid;justify-content:center;gap:1.5rem;grid-template-columns:repeat(8,1fr);grid-template-rows:auto}}@media screen and (min-width:1320px){.tasksContainer{margin-top:1.5rem;padding-left:1.5rem;display:grid;justify-content:center;gap:1.5rem;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}}@media screen and (min-width:1720px){.tasksContainer{margin-top:1.5rem;padding-left:1.5rem;display:grid;justify-content:center;gap:1.5rem;grid-template-columns:repeat(16,1fr);grid-template-rows:auto}}.react-calendar{max-width:400px;margin:20px auto;background:#f0f8ff;border:2px solid #1e90ff;border-radius:15px;box-shadow:0 4px 8px #0003;padding:20px;font-family:Arial,sans-serif}.react-calendar__navigation{display:flex;justify-content:space-between;margin-bottom:15px}.react-calendar__navigation button{background:#1e90ff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:all .2s ease-in-out}.react-calendar__navigation button:hover{background:#4682b4}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;color:#333;margin-bottom:10px}.react-calendar__month-view__weekdays__weekday{padding:10px 0}.react-calendar__tile{background:#fff;border-radius:10px;padding:10px 5px;text-align:center;color:#333;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;margin:5px}.react-calendar__tile:hover{background:#87ceeb;color:#fff}.react-calendar__tile--active{background:#1e90ff;color:#fff}.react-calendar__tile--active:hover{background:#4682b4}.react-calendar__tile--now{background:coral;color:#fff;font-weight:700}.react-calendar__tile--now:hover{background:tomato}.react-calendar__tile:disabled{background:#f0f0f0;color:#ccc;cursor:not-allowed}.react-calendar__tile--weekNumber{background:#e0e0e0;color:#666}