.grid{position:fixed;width:100%;height:100%;display:grid;gap:15px;grid-template-rows:repeat(var(--rows),1fr);grid-template-columns:repeat(var(--cols),1fr);z-index:-1}.tile-container{position:relative;width:100%;height:100%;background-color:transparent;border-radius:15px}.tile{position:relative;width:100%;height:100%;border-radius:15px;background-color:var(--accent3);color:var(--accent3);transform:scale(0)}.Creator{position:absolute;width:60vh;height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background-color:var(--cardColor);border:var(--darkGreen) solid 3px;padding:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.animate-border{animation:borderColorCycle 1.5s linear}@keyframes borderColorCycle{0%{border-color:#ffb6c1}25%{border-color:#add8e6}50%{border-color:#90ee90}75%{border-color:#ffffe0}to{border-color:#ffb6c1}}.btn-container{display:flex;justify-content:space-between;width:50%;margin-top:20px}.btn_submit{height:75px;width:40%;position:relative;bottom:10px;right:10px;border-radius:15px;background-color:var(--darkGreen);color:var(--accent1);border:none;cursor:pointer;font-size:1rem;font-family:Roboto Mono,sans-serif}.headerTask{font-size:1rem;font-family:Roboto Mono,sans-serif;margin:20px;border:none;border-radius:5px;width:50%;height:10%;background-color:var(--accent1);outline:none}.headerTask:focus{border:3px solid var(--darkGreen)}.DescriptTask{font-family:Roboto Mono,sans-serif;border:none;background-color:var(--accent1);border-radius:5px;width:50%;height:30%;resize:none;overflow:auto;outline:none}.DescriptTask:focus{border:3px solid var(--darkGreen)}.ToDoContainer{position:relative;display:grid;height:100%;width:100%;gap:100px;transform:translateY(150px);grid-template-columns:repeat(3,1fr)}.Task{position:relative;display:flex;flex-direction:column;text-align:center;border:5px solid var(--darkGreen);background-color:var(--accent1);cursor:pointer;margin:100px;border-radius:15px;height:auto;aspect-ratio:1;transition:all 1s ease}.Task h3{position:relative}.Task.inspected{transform:scale(1.4)}.Task.inspected h3{visibility:hidden}.CheckBtn{position:absolute;z-index:2;top:50%;left:50%;height:15%;width:15%;transform:translate(-50%,-50%);cursor:pointer;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#5f5f5f;border:2px solid black}.CheckBtn:checked{background-color:var(--Cyan);border-color:#0f0}.CheckBtn:checked:before{content:"";display:block;width:50%;height:50%;background-color:#0f0;border-radius:50%;margin:25% auto}.DeleteBtn{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);border-top-left-radius:10px;border-top-right-radius:10px;background-color:var(--darkGreen);border:none;height:10%;width:50%;z-index:2}.Inspect button{z-index:1;position:absolute;border:none;opacity:0;height:100%;width:100%;bottom:0;right:0}@media (max-width: 600px){.Task{font-size:2rem;margin:20px;transform:scale(1.3)}.ToDoContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1000px){.Task{margin:50px;font-size:1.5rem}.ToDoContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1500px){.Task{margin:50px}}.ContainerHeader{position:fixed;z-index:999;height:15vh;width:45vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background:#235c2d;border-top-right-radius:10px;border-bottom-right-radius:10px}.move-nav-btn{position:relative;font-size:1em;font-family:Roboto Mono,sans-serif;background-color:#b7ff54;border-radius:5px;margin:20px;padding:10px;width:15%;height:80%;border:none;box-sizing:border-box}@media (max-width: 1000px){.ContainerHeader{width:100vw;height:10vh;justify-content:space-around}.move-nav-btn{font-size:2rem}}:root{--main-: #b7ff54;--cardColor: #d4ff92;--accent1: #c6ff75;--accent3: #c6ff75;--pine: #235c2d;--darkGreen: #144d36;--textColor: #1a1a1a;--shadowColor: #3c3c3c}.LogSignContainer{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.LogSignPage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:65vh;width:65vh;background:var(--cardColor);border-radius:15px;border:var(--darkGreen) solid 3px}.input{display:flex;flex-direction:column;width:75%;height:13%}.input input{border-radius:20px;flex:1;border:5px solid transparent;background-color:var(--accent1);color:var(--textColor);font-family:Roboto Mono,sans-serif;font-size:1em;margin:10px 0;outline:none}.input.Gpulse input{animation:pulse-animationG 2.5s ease-in-out;border-radius:5px}.input.Rpulse input{animation:pulse-animationR 2.5s ease-in-out;border-radius:5px}.Switch{background-color:var(--pine);color:var(--main-);font-family:Roboto Mono,sans-serif;margin:10px;border-radius:50%;height:13%;width:13%;border:none;cursor:pointer}.loginOrSign{height:10%;width:25%;background-color:var(--pine);font-family:Roboto Mono,sans-serif;color:var(--main-);border-radius:10px;margin:10px;border:none;cursor:pointer}.AnimatePulseRed{animation:PulseRed 3s ease-in-out}.AnimatePulseGreen{animation:PulseGreen 3s ease-in-out}@keyframes pulse-animationG{0%{border:0px solid greenyellow}50%{border:5px solid greenyellow}to{border:0px solid greenyellow}}@keyframes pulse-animationR{0%{border:0px solid red}50%{border:5px solid red}to{border:0px solid red}}:root{--main: #b7ff54;--cardColor: #d4ff92;--accent1: #c6ff75;--accent3: #c6ff75;--pine: #235c2d;--darkGreen: #144d36;--textColor: #1a1a1a;--shadowColor: #3c3c3c}.FolderCreate{position:absolute;width:40%;height:20%;display:flex;flex-direction:column;border-radius:10px;background-color:var(--cardColor);border:var(--darkGreen) solid 3px;color:#fff;padding:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.HeaderTask{height:25%;margin:20px;border:none;background-color:var(--accent1);border-radius:10px;font-family:Roboto mono,sans-serif;text-align:center;outline:none}.HeaderTask:focus{outline:2px solid var(--pine)}.ShowFolderCreate{position:absolute;background-color:var(--pine);height:50px;width:500px;border:none;border-radius:10px;bottom:-25px;left:50%;color:var(--main);transform:translate(-50%,-50%)}.FolderName{background-color:var(--accent1);border:none;height:100px;width:70vw;margin:10px;border-radius:5px;transition:background-color 1s ease-in}.FolderNameOn,.FolderName:hover{background-color:var(--pine)}.FolderDelete{background-color:var(--accent1);border:none;height:100px;width:20vw;margin:10px;border-radius:5px}.action_btn{background-color:var(--pine);border:none;width:100%;color:var(--main-);font-family:Roboto Mono,sans-serif;font-size:1rem;margin-top:20px;padding:5px;border-radius:10px}body{background-color:#ebffc9;font-family:Roboto Mono,sans-serif;margin:0;padding:0}@media (min-width: 2000px){html{font-size:20px}}@media (max-width: 1500px){html{font-size:13px}}@media (max-width: 1300px){html{font-size:11px}}@media (max-width: 1000px){html{font-size:9px}}@media (max-width: 600px){html{font-size:7px}}