@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap);*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{font-family:Poppins,sans-serif}.grid-container{grid-gap:0 0;display:grid;gap:0 0;grid-template-areas:"title ." "body sidebar" "footer .";grid-template-columns:1.8fr .2fr;grid-template-rows:.2fr 2.6fr .2fr;height:100vh;width:100vw}.title{grid-area:title}.title,.webtitle{text-align:center}.sidebar{background-color:#dbd7d7;border-radius:10px 0 0 10px;grid-area:sidebar;padding:10px}.body{grid-area:body}.bodyplan{grid-gap:0 50px;align-content:center;display:grid;gap:0 50px;grid-auto-flow:column;justify-content:center;overflow:hidden;padding:0 50px}.bodyplaninner{align-items:center;margin:auto;width:fit-content}.body::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}.body::-webkit-scrollbar{background-color:#f5f5f5;width:12px}.body::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}.footer{grid-area:footer;padding:5px;text-align:center}.grid-container1{background:#fff;padding:10px 25px 10px 20px}.grid-container1,.grid-container2{grid-gap:0 0;border:1px solid #afacac;border-radius:10px;box-shadow:1px 3px #383636;cursor:pointer;display:grid;gap:0 0;grid-template-areas:"taskName . x" "taskDay privateTask privateTask" "taskDifficulty down up" ". compButton compButton";grid-template-columns:4.2fr .6fr .6fr;grid-template-rows:67.5px 100.5px 30px 45px;margin:20px auto auto;width:500px}.grid-container2{background:#b1b1b1;padding:10px 20px}.privateTask{grid-gap:0 0;display:grid;gap:0 0;grid-area:privateTask;grid-template-areas:". plock plock" ". switch switch";grid-template-columns:.9fr 1.1fr 1fr;grid-template-rows:1.6fr .4fr}.plock{align-self:flex-end;animation:fadeIn 3s;color:rgba(255,0,0,.699);grid-area:plock;text-align:center}.switch{display:inline-block;grid-area:switch;height:34px;left:10%;position:relative;width:60px}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch input{height:0;opacity:0;width:0}.reminder{border-left:5px solid green}.taskName{-ms-overflow-style:none;font-size:20px;grid-area:taskName;margin-left:5px;margin-top:15px;max-height:40px;max-width:400px;overflow:scroll;scrollbar-width:none;word-break:break-all}.taskName::-webkit-scrollbar{display:none}.taskDay{-ms-overflow-style:none;font-size:15px;grid-area:taskDay;margin-left:5px;margin-top:10px;max-height:140px;max-width:400px;overflow:scroll;scrollbar-width:none;word-break:break-all}.taskDay::-webkit-scrollbar{display:none}.x{grid-area:x;margin-top:30%;text-align:center}.xstyle{color:#2196f3;font-stretch:ultra-expanded;height:25px;margin-left:25%;width:25px}.xstyle:hover{background-color:hsla(0,0%,50%,.253);border-radius:50px}.xstyle:active{transform:scale(.9)}.compButton{align-items:center;display:grid;grid-area:compButton;justify-items:center}.taskDifficulty{grid-area:taskDifficulty;margin-left:5px}.up{font-size:20px;grid-area:up;margin-left:auto;margin-top:auto}.down.max,.up.max{color:grey}.down{font-size:20px;grid-area:down;margin-left:auto;margin-top:auto}.btn{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;margin:5px;padding:10px 20px;text-decoration:none}.btn:focus{outline:none}.btn:active{transform:scale(.98)}.logincontainer{border:1px solid gray;border-radius:5px;margin:100px auto;max-width:400px;min-height:300px;overflow:auto;padding:30px}.followcontainer,.logincontainer{font-size:large;text-align:center}.add-form{margin-bottom:40px;text-align:center}.form-control{margin:20px 0}.form-control label{display:block}.form-control input{font-size:17px;height:40px;margin:5px;padding:3px 7px}.form-control-check{display:flex;justify-content:space-between}.form-control-check label{flex:1 1}.form-control-check input{flex:2 1;height:20px}.addbtn{text-align:right}.logoffButton{color:#2196f3;cursor:pointer;margin-left:auto;width:10%}.logoffButton:active{transform:scale(.9)}.logoffButton:hover{background-color:hsla(0,0%,50%,.253);border-radius:20px}
/*# sourceMappingURL=main.3b7c43c0.css.map*/