.maintittlebox{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-display:swap;font-weight:600;background-color:#000;height:100vh;color:#fff8f8;text-align:center}#buttonstart{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:500;letter-spacing:.4px;color:#000;background-color:#f5f5f5;border-style:solid;font-size:inherit;font-family:inherit;border-width:2px 2px 2px 2px;border-color:#fff5;border-radius:20px;padding:10px 21px 10px 25px;transform:translate(0) rotate(0);transition:.2s}#buttonstart:hover{color:#006eff}#buttonstart:active{box-shadow:none}#buttonbox{display:flex;justify-content:center}@media (min-width: 700px){.maintittlebox{padding-top:40vh}.maintittlebox h1{font-size:40px}.maintittlebox p{font-size:20px;margin-bottom:20px}.discriptiontext{margin-top:-5px;padding-left:15vw;padding-right:15vw;text-align:center;color:#a1a1aa}.cardStattics .bottom-section .title{display:block;font-size:35px;font-weight:bolder;color:#fff;text-align:center;letter-spacing:2px}.cardStattics .bottom-section .row .item .big-text{font-size:40px;display:block}.cardStattics .bottom-section .row .item .regular-text{font-size:45px}.staticbox{height:100vh;padding-top:20vh}}@media (max-width: 700px){.maintittlebox{padding-top:20vh}.maintittlebox h1{font-size:25px}.maintittlebox p{font-size:15px;margin-bottom:20px}.discriptiontext{margin-top:5px;padding-left:5vw;padding-right:5vw;text-align:center;color:#a1a1aa}.cardStattics .bottom-section .title{display:block;font-size:25px;font-weight:bolder;color:#fff;text-align:center;letter-spacing:2px}.cardStattics .bottom-section .row .item .big-text{font-size:20px;display:block}.cardStattics .bottom-section .row .item .regular-text{font-size:25px}.staticbox{height:100vh;padding-top:10vh}}.cardStattics{width:90vw;margin-left:5vw;margin-right:5vw;border-radius:20px;background:#1b233d;overflow:hidden;box-shadow:#64646f33 0 7px 20px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.cardStattics:hover{transform:scale(1.05)}.cardStattics .bottom-section{margin-top:15px;padding:10px 5px}.cardStattics .bottom-section .row{display:flex;justify-content:space-between;margin-top:20px}.cardStattics .bottom-section .row .item{flex:30%;text-align:center;padding:5px;color:#aadef3b8}.cardStattics .bottom-section .row .item:nth-child(2){border-left:1px solid rgba(255,255,255,.126);border-right:1px solid rgba(255,255,255,.126)}.form{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;padding-right:5vw;padding-top:20vh;padding-left:5vw;height:100vh;background-color:#000;border-radius:10px}.inputContainer{background-color:#f000;width:100%}.fInput:focus{border:1px rgb(0,136,255) solid;outline:none}.fInput:focus::placeholder{color:#08f}.forget{width:90vw;background-color:#fff;color:#000;border:1PX solid rgba(255,255,255,.151);padding:7px 0;border-radius:20px;cursor:pointer;transition:.3s;margin-top:50px}.forget:hover{background-color:#ffffff9a}@media (min-width: 700px){.login{width:100%;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:700;font-size:30px;padding:10px 0}.selectinput,.fInput{width:40vw;height:50px;border-radius:30px;border:1px solid rgb(48,45,45);background-color:#000;padding:10px;color:#fff;transition:.1s}.labalbox{display:flex;width:90vw;justify-content:space-between}.login2{width:100%;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:700;font-size:40px;margin-bottom:5vh}}@media (max-width: 700px){.login{width:100%;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:700;font-size:20px;padding:10px 0}.selectinput,.fInput{width:90vw;height:50px;border-radius:30px;border:1px solid rgb(48,45,45);background-color:#000;padding:10px;color:#fff;transition:.1s}.login2{width:100%;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:700;font-size:40px;margin-bottom:20px;margin-top:-20vh}}.cards{display:flex;flex-direction:column;gap:15px}.cards .red{background-color:#f43f5e}.cards .blue{background-color:#3b82f6}.cards .green{background-color:#22c55e}.textbox{text-align:left;font-weight:700;font-size:15px}.buttonbox{align-content:center;margin-top:10px;display:flex;justify-content:space-between}.cards .card:hover{transform:scale(1)}.cards:hover>.card:not(:hover){filter:blur(10px);transform:scale(.9)}@media (min-width: 700px){.Tasksbox{height:max-content + 100vh;padding-top:100px;padding-left:5vw;width:90vw;padding-right:5vw;padding-bottom:30vh}.cards .card{display:flex;align-items:center;justify-content:space-between;text-align:center;height:max-content + 120px;padding:10px;overflow-x:auto;width:90vw;border-radius:10px;color:#fff;cursor:pointer;transition:.4s}.selectinputtasks{margin-top:2px;width:40vw;height:50px;border-radius:10px;border:1px solid rgb(48,45,45);background-color:#000;padding:10px;color:#fff;transition:.1s}}@media (max-width: 700px){.Tasksbox{height:max-content + 100vh;padding-top:270px;padding-left:5vw;width:90vw;padding-right:5vw;padding-bottom:30vh}.cards .card{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;height:max-content + 160px;padding:10px 13px 10px 10px;overflow-x:auto;width:90vw;border-radius:10px;color:#fff;cursor:pointer;transition:.4s}.selectinputtasks{width:90vw;height:50px;margin-top:-10px;border-radius:10px;border:1px solid rgb(48,45,45);background-color:#000;padding:10px;color:#fff;margin-bottom:30px;transition:.1s}}#edit:hover{transition-duration:.3s;background-color:#0045b4}#delete:hover{transition-duration:.3s;background-color:#f80029}.Btn{width:50px;height:50px;margin-left:10px;border:none;border-radius:50%;background-color:#1b1b1b;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition-duration:.3s;box-shadow:2px 2px 10px #0000001c}.icon2{width:18px;height:5px;border-bottom:2px solid rgb(182,143,255);border-left:2px solid rgb(182,143,255);border-right:2px solid rgb(182,143,255)}.Btn:hover{opacity:1;transition-duration:.3s}.Btn:hover .icon2{border-bottom:2px solid rgb(235,235,235);border-left:2px solid rgb(235,235,235);border-right:2px solid rgb(235,235,235)}.Btn:hover .svgIcon{fill:#fff;animation:slide-in-top .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-top{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.headerbox{position:absolute;z-index:3;color:#f0f8ff;padding-left:5vw;width:90vw;padding-top:15px;padding-right:5vw}.button-container{display:flex;background-color:#1b85db;width:90vw;height:40px;align-items:center;justify-content:space-around;border-radius:10px;box-shadow:#00000059 0 5px 15px,#1b85db80 5px 10px 15px}.button{outline:0!important;border:0!important;width:40px;height:40px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:all ease-in-out .3s;cursor:pointer}.button:hover{transform:translateY(-3px)}.icon{font-size:20px}#svgs{color:#fff}