.aquaMarineBtn{background-image:linear-gradient(to left,#26946f,#7effd4);border:none;padding:15px 40px;text-align:center;color:#000;border-radius:32px;box-shadow:0 7px 11px #8d8d8d;font-weight:600;cursor:pointer;transition:transform .1s;font-size:1rem}.aquaMarineBtn:hover{transform:scale(1.05)}.aquaMarineBtn:active{transform:translateY(4px) scale(.99)}.blueBtn{background-image:linear-gradient(to left,#09249b,#1633b5);border:none;color:#fff;padding:15px 40px;text-align:center;border-radius:32px;box-shadow:0 7px 11px #8d8d8d;font-weight:600;cursor:pointer;transition:transform .1s;font-size:1rem}.blueBtn:hover{transform:scale(1.05)}.blueBtn:active{transform:translateY(4px) scale(.99)}.homepage{background-image:url(/background.webp);background-size:cover;height:100dvh;padding:8rem}.homepage h1{font-size:2rem}.homepage .title{text-align:center;padding:1rem}.homepage .btn-container{display:flex;justify-content:center;gap:2rem;margin-top:5rem}.card{background-image:url(/card.webp);background-position:center;background-size:cover;border:1px dotted black;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;align-content:center;padding:15% 20%;border-radius:20px;font-size:larger;position:relative;overflow:hidden}.card .task{width:100%;word-wrap:break-word;text-align:center;max-height:100%;overflow-y:auto;scrollbar-width:none}.card .deleteBtn{color:#af0124;position:absolute;top:-10px;left:50%;transform:translate(-50%,-50%);cursor:pointer;font-size:xx-large;transition:top .2s ease-in-out}.card:hover .deleteBtn{top:25px}.todopage{font-family:cursive;padding:2rem;max-width:1040px;margin:auto}.todopage .heading{display:flex;flex-flow:column;gap:1.5rem;align-items:center;margin-bottom:3.5rem;color:#ff8c00}.todopage form{display:flex;gap:.5rem;width:100%;justify-content:center}.todopage input{padding:.5rem;border-radius:1rem;max-width:500px;flex:1;border:1px solid black}.todopage .addTaskBtn{border:none;padding:1rem;border-radius:1rem;font-weight:600;color:#fff;background-color:#00f;width:95px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,300px));gap:2rem;margin:auto;justify-content:center}.github-nav{color:#fff;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;position:fixed;width:100%;top:0;left:0;flex-wrap:wrap}.github-nav form{display:flex;gap:1rem}.github-nav form input{border:1px solid grey;background-color:#000;padding:.5rem 1rem;border-radius:1rem;max-width:350px;color:gray}.github-nav form button{padding:.2rem .5rem;color:#fff;background-color:#0033f3;border:none;border-radius:.2rem;cursor:pointer}.githubpage{background-color:#000;height:100dvh;color:gray}.githubpage .exception{display:flex;align-items:center;justify-content:center;height:100%}.githubpage .error{color:red}.user-details{display:flex;gap:0 6rem;flex-wrap:wrap;color:#fff;justify-content:center;align-items:center;padding-top:6rem}.user-details img{max-width:300px;aspect-ratio:1 / 1;border:2px dotted white;border-radius:50%}.user-details .user-info{display:flex;flex-flow:column;padding-top:2rem}.user-details .user-info>*{margin-bottom:1rem}.user-details .name{margin-bottom:.2rem}.user-details .username{color:gray}*{margin:0;padding:0;box-sizing:border-box}html{font-family:sans-serif}