@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{box-sizing:border-box}body{background-color:#0c0c0c;padding:0;margin:0;color:#fff}.navbar{display:flex;width:82%;height:40px;margin-inline:auto;font-family:DM Sans,sans-serif;justify-content:space-between;margin-top:40px}.logo{display:flex;color:#9c9c9c;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif}.logo:hover{color:#fff}.logo_icon{width:40px;height:40px;background-color:#f52a2a;border-radius:8px;display:flex;color:#fff;justify-content:center;position:relative}.logo_icon h3{font-size:20px;position:relative;bottom:2px;font-family:DM Sans,sans-serif}.navbar .nav_links{width:40%;justify-self:center}.navbar .nav_links ul{width:100%;display:flex;gap:10%;margin-inline:auto;list-style:none}.navbar .nav_links ul li{color:#fff;font-size:20px;font-weight:400;cursor:pointer}.nav_links ul li:nth-child(3){min-width:130px}.navbar .nav_links ul li a{text-decoration:none;color:#9c9c9c}.navbar .nav_links ul li a:hover{color:#fff}.cta_btn{display:flex;align-items:center;justify-content:center;background-color:#faf9f9;color:#000;font-size:20px;font-weight:500;font-family:DM Sans,sans-serif;width:170px;height:40px;border-radius:8px;cursor:pointer;border:none;transition:all .3s ease}.cta_btn:hover{transform:scale(1.05)}.cta_btn:active{transform:scale(.95)}@media (max-width: 768px){.nav_links{display:none}.cta_btn{font-size:.9rem}}.hero{color:#fff;width:82%;margin-inline:auto;margin-top:80px;display:flex}.hero .hero-content{width:46%}.hero .hero-content h1{font-size:6vw;font-family:Rubik,sans-serif;font-weight:300;line-height:1.3;margin-bottom:0}.hero .hero-content p{font-size:1.2vw;font-family:Inter,sans-serif;font-weight:300;line-height:1.5;width:75%;color:#9c9c9c}.hero .hero-content .btns{display:flex;gap:20px;margin-top:30px}.hero .hero-content .btns button{background-color:#f5f5f5;color:#000;font-size:1.2vw;font-family:DM sans,sans-serif;font-weight:500;padding:10px 25px;border-radius:8px;border:none;cursor:pointer}.hero .hero-content .btns .btn-line{background-color:transparent;border:2px solid #f5f5f5;color:#fff;transition:all .2s ease-in-out}.hero .hero-content .btns .btn-line:hover{transform:scale(1.05);background-color:#f5f5f5;color:#000;transition:all .3s ease-in-out}.hero .hero-content .btns .btn-line:active{transform:scale(.95);transition:all .2s ease-in-out}.hero .hero-content .btns button:hover{transform:scale(1.05);transition:all .2s ease-in-out}.hero .hero-content .btns button:active{transform:scale(.95);transition:all .2s ease-in-out}@keyframes fadeIn{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero .hero-images{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:240px;grid-template-areas:"img1 img2" "img1 img3" "img4 img4";grid-auto-flow:dense;gap:5px;width:45%}.img1{grid-column:1 / 2;grid-row:1 / 3;animation:fadeIn 1s ease-in-out}.img2{grid-column:2 / 3;grid-row:1 / 2;animation:fadeIn 1s ease-in-out;animation-delay:.2s}.img3{grid-column:2 / 3;grid-row:2 / 3;animation:fadeIn 1s ease-in-out;animation-delay:.4s}.img4{grid-column:1 / 3;grid-row:3 / 4;animation:fadeIn 1s ease-in-out;animation-delay:.6s}img{margin:0;width:100%;height:100%;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.features{margin-top:80px;color:#fff;max-width:82%;margin-inline:auto}.features h1{font-family:Rubik,sans-serif;font-weight:300;font-size:2.3dvw}.card_container{display:flex;flex-wrap:wrap;gap:1.7%}.card{margin-inline:auto;border-radius:8px;width:23%;min-width:200px;height:200px;background-color:#242424;display:flex;flex-direction:column;align-items:center;margin-bottom:5%;padding-block:2%;cursor:pointer}.card:hover{transform:scale(1.05);transition:all .3s ease-in-out}.card:hover .title1{background-color:#ff9808}.card:hover .title2{background-color:#ff4081}.card:hover .title3{background-color:#00bcd4}.card:hover .title4{background-color:#8bc34a}.card:hover div{color:#fff}.card div{height:18%;background-color:#000;width:100%;display:flex;justify-content:center;align-items:center;font-family:DM sans,sans-serif;font-weight:500;font-size:1.2vw;transition:all .3s ease-in-out}.card .title1{border-left:5px solid #ff9808}.card .title2{border-left:5px solid #ff4081}.card .title3{border-left:5px solid #00bcd4}.card .title4{border-left:5px solid #8bc34a}.card .content{margin-block:auto;justify-self:center;width:70%;font-family:Inter,sans-serif;font-weight:300;font-size:1.1vw;color:#9c9c9c;text-align:center}.howitworks{color:#fff;font-family:DM sans,sans-serif;width:82%;margin-inline:auto;margin-top:40px}.howitworks h1{font-family:Rubik,sans-serif;font-weight:300;font-size:2.3vw;margin:0}.howitworks p{font-family:DM sans,sans-serif;font-weight:300;font-size:1.2vw;color:#9c9c9c;margin-top:0}.cardContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin-top:5vh}.cardContainer .card{background-color:#242424;display:flex;flex-direction:column;align-items:center;padding-block:2%;cursor:pointer;margin-bottom:0;width:32%}.cardContainer .card h2{color:#fff;font-family:DM sans,sans-serif;font-weight:500;font-size:1.5vw;margin:0}.cardContainer .card p{color:#9c9c9c;font-family:DM sans,sans-serif;font-weight:300;font-size:1vw;width:70%;text-align:center;margin-top:5%}.cardContainer hr{width:5px;height:110px;background-color:silver;border:none;margin:0}.about{color:#fff;font-family:DM sans,sans-serif;width:82%;margin-inline:auto;margin-top:120px}.about h1{font-family:Rubik,sans-serif;font-weight:300;font-size:2.3vw;margin:0}p{font-family:DM sans,sans-serif;font-weight:300;font-size:1.2vw;color:#9c9c9c;margin-top:0}.about h3{font-family:DM sans,sans-serif;font-weight:500;font-size:1.3vw;color:#fdfdfd;margin-top:40px}.about .about-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;margin-top:5vh;margin-inline:auto}.about .about-content p:first-child{background-color:#000;padding-block:4%;padding-inline:5%;border-radius:10px;text-align:left;color:#c9c9c9;margin-bottom:0;width:70%}.about .about-content p:last-child{text-align:left;width:70%;padding:2% 5%}.footer{color:#f0f8ff;background-color:#1a1a1a;width:100%;margin-top:40px;margin-bottom:0}.footer .content{display:flex;justify-content:space-between;width:80%;margin-inline:auto;padding:20px 0;font-family:DM Sans,sans-serif;margin-bottom:30px}.footer .content .logo{height:fit-content}.footer .content .links ul{display:flex;flex-direction:column;gap:20px;list-style:none}.footer .content .links ul li a{color:#9c9c9c;font-size:18px;cursor:pointer;transition:all .3s ease;text-decoration:none}.footer .content .links ul li a:hover{color:#fff}.footer .content .socials{display:flex;gap:20px;flex-direction:column}.footer .content .socials h4{color:#9c9c9c;font-size:18px;font-weight:400;margin-bottom:0;margin-top:0}.footer .content .socials a{color:#9c9c9c;font-size:18px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:20px}.footer .content .socials a:hover{color:#fff}.footer .copyright p{text-align:center;color:#9c9c9c;font-size:20px;margin-top:10px;margin-bottom:0}.mobileView{display:flex;flex-direction:column;width:90%;margin:40px auto;height:auto;min-height:80vh;align-items:center;padding:2rem 1.5rem;justify-content:space-between;border-radius:16px;background:linear-gradient(135deg,#412929f2,#ffffff12);color:#fff;text-align:center;box-shadow:0 10px 25px #00000040}.mobileView p{font-size:1rem;line-height:1.6;margin:1.5rem 0;color:#f1f1f1}.mobileView button{margin:.5rem;padding:.8rem 1.2rem;font-size:1rem;background-color:#219ebc;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:background-color .3s ease}.mobileView button:hover{background-color:#126781}@media (max-width: 480px){.mobileView{width:95%;padding:1.5rem 1rem}.mobileView p{font-size:.95rem}.mobileView button{width:100%;margin-top:.75rem}}.signup{display:flex;height:95vh;margin-top:20px;width:70%;gap:10px;margin-inline:auto}.left-c{padding-block:5%;width:60%;background-color:#181e1a;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;height:100%}.left-c .signup-form{text-align:left;width:80%;display:flex;flex-direction:column;justify-content:start;height:70%;margin-top:40px}.left-c .signup-form h2{font-size:2rem;margin-bottom:10px;font-family:DM Sans,sans-serif;font-weight:400}.left-c .signup-form p{font-size:1.2rem;margin-bottom:50px;font-family:DM Sans,sans-serif;font-weight:400;width:60%}.left-c .signup-form form{display:flex;flex-direction:column;gap:30px}.left-c .signup-form form input{padding:10px;border-radius:5px;height:40px;width:355px;border:none;font-size:18px;color:#d4d4d4;background-color:#0c0c0c}.left-c .signup-form form input:focus{outline:none}.left-c .signup-form form input::placeholder{color:#474646}.left-c .signup-form form button{background-color:#fff;color:#0c0c0c;border:none;padding:10px;border-radius:5px;font-size:15px;cursor:pointer;width:145px;height:40px}.left-c .signup-form form button:hover{transform:scale(1.05);transition:all .3s ease-in-out}.left-c .signup-form form button:active{background-color:#0c0c0c;color:#fff}.left-c .signup-form form button:focus{outline:none}.left-c .signup-form p:last-child{font-size:1rem;margin-top:20px;margin-bottom:0}.left-c .social-login{display:flex;gap:20px;height:100%;width:100%}.left-c .social-login .google{background-color:#3b3a3a;border-radius:5px;padding:10px;width:90px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.left-c .social-login .google img{width:30px;height:30px}.left-c .social-login .google:hover{transform:scale(1.05);transition:all .3s ease-in-out}.right-c{width:40%;display:flex;height:95vh}.signup-footer{display:flex;flex-direction:column;justify-content:right;align-items:flex-end;height:100%}.signup-footer p{font-size:1rem;margin-top:20px;margin-bottom:0;font-family:DM Sans,sans-serif;font-weight:400}.signup-footer p p{color:#fff;text-decoration:none;cursor:pointer;display:inline-block}.signup-footer p p:hover{text-decoration:underline}.right-c img{width:100%;height:100%;object-fit:cover;border-radius:8px}span{font-family:DM Sans,sans-serif;display:block;font-weight:400;font-size:1rem;cursor:pointer;margin-left:5px;margin-block:0;border-radius:8px;width:30%}@media (max-width: 900px){.signup{flex-direction:column;width:90%;height:auto;gap:20px}.right-c{display:none}.left-c{width:100%;padding:2rem 1rem;height:auto}.left-c .signup-form{width:100%;height:auto;margin-top:0;align-items:center}.left-c .signup-form h2{font-size:1.8rem;text-align:center}.left-c .signup-form p{font-size:1rem;text-align:center;width:90%;margin-bottom:2rem}.left-c .signup-form form{width:100%;gap:20px;align-items:center}.left-c .signup-form form input{width:90%!important;max-width:400px;font-size:1rem}.left-c .signup-form form button{width:200px;height:40px;font-size:1rem}.left-c .social-login{justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.left-c .signup-form p:last-child{text-align:center}.signup-footer{align-items:center;justify-content:center;padding:1rem 0}.signup-footer p{text-align:center}}.side-panel{background-color:#181e1a;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:10px;width:280px}.side-panel .sideBtns{display:flex;flex-direction:column;width:100%;gap:20px;margin-top:50px;margin-inline:0}.side-panel .sideBtns div{height:40px;font-family:DM Sans;display:flex;align-items:center;justify-content:start;padding-left:20px;gap:20px;color:#b8b8b8;font-size:1.2rem;border-radius:5px;cursor:pointer}.side-panel .sideBtns div.active{position:relative;background-color:#0c0c0c;color:#fff;font-weight:600;border:none;border-radius:0;transition:background-color .3s,color .3s}.side-panel .sideBtns div.active:after{content:"";position:absolute;top:25%;left:0;height:50%;width:5px;background-color:#16fcce;border-radius:10px;box-shadow:5px 0 10px #0efc89}.side-panel .sideBtns div:not(.active):hover{background-color:#2a2e2a;color:#e3e3e3ba;font-weight:600;transition:background-color .3s,color .3s}.main-layout-container{display:flex;width:98%;margin-inline:auto;margin-top:20px;height:95vh;border-radius:8px;overflow:hidden;position:relative}.menu-btn{display:none;position:absolute;top:15px;left:10px;font-size:24px;z-index:10001;cursor:pointer;color:#fff}.main-content{flex:1;padding-left:20px;overflow-y:auto}.main-content::-webkit-scrollbar{width:5px;background:transparent}.main-content::-webkit-scrollbar-thumb{background:#51515180;border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:#515151cc}.side-panel{transition:transform .3s ease-in-out,opacity .3s ease-in-out}@media (max-width: 1200px){.menu-btn{display:block}.side-panel{position:absolute;top:0;left:0;width:80%;height:100%;background-color:#0c0c0c;z-index:9999;transform:translate(-100%);opacity:0;pointer-events:none}.side-panel.show{transform:translate(0);opacity:1;pointer-events:auto}}.home,.my-plans{font-family:Inter,sans-serif}.home-banner .home-banner-text h1{font-size:1.7rem;color:#959393;font-weight:400;margin-bottom:.5rem;margin-top:.5rem}.home-banner .home-banner-text p{font-size:1.2rem;color:#666;font-weight:300}.date-view,.date-view div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.date-view h2{font-size:1.5rem;color:#ebebeb;font-weight:400;justify-self:start;margin-bottom:.5rem}.date-view p{background-color:#000;width:fit-content;display:flex;padding:.4rem .8rem;color:#fff;border-radius:0 .5rem .5rem 0;font-size:1rem;font-weight:400;border-left:5px solid hsl(0,79%,50%)}.date-view p:hover{cursor:default;background-color:#0d0d0d}.date-view p span{width:fit-content;font-weight:700;color:#fafafa}.date-view p span.percent{text-decoration:none;color:#bce41b}.tracker{display:flex;margin-top:3rem;align-items:flex-start;flex-wrap:wrap;gap:20px}.tracker .tracker-c{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;gap:1rem;background-color:#2f0f29;width:30%;min-width:350px;margin-left:1.5rem;height:100%;padding:1rem;border-radius:8px}.tracker .tracker-c h2{color:#ebebeb;font-weight:400;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;margin-bottom:1.5rem}.tracker .tracker-c p{display:flex;align-items:center;justify-content:space-around;width:100%;text-align:left;padding-left:10px;font-size:1rem;color:#8a8a8a;font-weight:300;flex-wrap:wrap}.tracker .tracker-c p span{display:flex;gap:.5rem;font-weight:700;color:#fafafa}.tracker .tracker-c p span.percent{text-decoration:none;color:#4bf019;margin-left:3rem}.see-all-btn{background-color:#6a19f5;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease}.see-all-btn:hover{cursor:pointer;background-color:#5c0fb3}.pin{color:#969696;position:absolute;right:1%;top:1%;font-size:1.5rem;width:fit-content;font-weight:400;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:transform .5s}.pin:hover{cursor:pointer}.pinned{color:#fe2a2aaf;font-size:2rem;transform:rotateY(180deg);transform:rotate(-45deg);transition:color .3s ease;transition:transform .5s}.skill-card .skill-card-footer .btn{background-color:#006ba991}.skill-card:hover .skill-card-footer .btn{background-color:#059af17a}@media (max-width: 900px){.home-banner .home-banner-text h1{font-size:1.4rem}.home-banner .home-banner-text p{font-size:1rem}.date-view,.date-view div{flex-direction:column;align-items:flex-start}.tracker{flex-direction:column;align-items:center}.tracker .tracker-c{width:90%;min-width:unset;margin-left:0;padding:1rem}}@media (max-width: 600px){.home-banner .home-banner-text h1{font-size:1.2rem}.home-banner .home-banner-text p{font-size:.95rem}.date-view h2{font-size:1.2rem}.date-view p{font-size:.9rem;padding:.3rem .6rem}.tracker .tracker-c h2{font-size:1.1rem}.tracker .tracker-c p{font-size:.9rem;flex-direction:column;align-items:flex-start}.tracker .tracker-c p span.percent{margin-left:0}.see-all-btn{font-size:.9rem;padding:8px 16px}.pin{font-size:1.2rem;top:10px;right:10px}.pinned{font-size:1.6rem}}.plan-card,.add-plan{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:32%;min-width:400px;height:200px;padding:30px;background-color:#0c0c0c;border-radius:10px;border:1px solid #2c2c2c;cursor:pointer;margin-block:20px}.plan-card:hover{transition:all .3s ease-in-out}.plan-card .plan-card-header{width:100%;display:flex;justify-content:space-between;align-items:center}.plan-card .plan-card-header h2{font-size:1.2rem;color:#fff;margin:0}.plan-card .plan-card-header p{font-size:1rem;color:#aaa;margin:0}.plan-card .plan-card-body{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;gap:10px;margin-bottom:20px}.plan-card .plan-card-body p{font-size:1rem;color:#aaa;margin:0}.plan-card .plan-card-body p span{font-weight:700;color:#8be3f9;text-decoration:underline}.plan-card .plan-card-footer{width:100%;display:flex;justify-content:space-between;align-items:center}.plan-card .plan-card-footer button{background-color:#22f04152;color:#fff;font-weight:900;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;cursor:pointer}.plan-card:hover .plan-card-footer button{background-color:#50f6695c;transition:all .3s ease-in-out}.plan-card .plan-card-footer p{font-size:1rem;color:#aaa;margin:0;display:flex;gap:5px}.plan-card .plan-card-footer p span{color:#cdf0f9;width:fit-content}.my-plans h2,.section2 h2{margin-top:40px;margin-bottom:0}.my-plans-container,.section2 .planView{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-inline:auto;width:100%;height:fit-content;padding:20px;background-color:#0c0c0c;border-radius:10px;box-shadow:0 4px 8px #0000001a}.add-plan{background-color:#0c0c0c;border:3px dashed #2c2c2c;color:#aaa;font-size:1.5rem;text-align:center;padding:20px;cursor:pointer;align-items:center;justify-content:center}.add-plan h2{font-size:2rem;color:#b1adad;margin:0}.add-plan p{font-size:1rem;color:#aaa;margin:0}.add-plan h6{font-size:1rem;color:#aaa}.add-plan:hover{color:#50f669ac;background-color:#1c1c1c;border:3px dashed #50f669ac;transition:all .3s ease-in-out}.my-skills .my-skill-container .add-plan:hover{color:#50aef6ac;border:3px dashed #50aef6ac}@media (max-width: 900px){.plan-card,.add-plan{width:100%;min-width:unset}.my-plans-container,.section2 .planView{flex-direction:column;gap:15px;padding:15px}}@media (max-width: 600px){.plan-card,.add-plan{padding:20px;height:auto}.plan-card .plan-card-header h2,.plan-card .plan-card-header p,.plan-card .plan-card-body p,.plan-card .plan-card-footer p,.plan-card .plan-card-footer button,.add-plan h2,.add-plan p,.add-plan h6{font-size:.9rem}.plan-card .plan-card-footer button{padding:8px 16px}}.contribution-grid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;border:2px solid #5f5f5f;border-radius:8px}.contribution-grid{margin-top:30px;display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:6px;width:90%;margin-inline:auto;border-radius:8px}.contribution-grid>div{width:20px;height:20px;border-radius:2px}.contribution-grid>div:hover{transform:scale(1.3);transition:transform .2s}.contribution-grid-container p{font-size:15px;font-weight:300;margin-top:10px;width:100%;text-align:right;margin-right:10px}.plan-page{width:100%;font-family:DM Sans,sans-serif}.plan-page-content{width:50%;min-width:500px;border:1px solid hsl(0,0%,40%);margin-inline:auto;margin-top:3rem;display:flex;flex-direction:column;position:relative;padding:2rem;border-radius:8px}.plan-page-content .deleteEdit-btn{position:absolute;top:2%;right:5%;display:flex;gap:40px;font-size:1.5rem;color:#949494}.plan-page-content h2{margin-top:0;text-align:center;font-weight:400;margin-bottom:0}.plan-page-content p{margin-top:2rem;font-size:1.1rem;text-align:left;display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.plan-page-content h3{font-size:1rem;color:#ababab;margin-block:0;text-align:right;display:flex;justify-content:right;align-items:center;gap:0}.plan-page-content h3 span{font-weight:700;margin-left:0;width:fit-content;padding:0 5px}.plan-page-content p span{color:#add5f9}.plan-comments{margin-top:1rem;height:400px;width:80%;margin-inline:auto;border-radius:8px 8px 0 0;overflow-y:auto;border:1px solid hsl(0,0%,40%);border-bottom:none}.plan-comments::-webkit-scrollbar{background-color:transparent;width:5px}.plan-comments::-webkit-scrollbar-thumb{background-color:#949494}.comment{background-color:#0d1117;display:flex;flex-direction:column;height:fit-content;width:100%;padding-inline:1rem;border-top:1px solid rgb(113,111,111)}.comment .comment-content{font-size:1.2rem;margin:0;margin-top:1rem;color:#dfdfdf;text-align:left}.comment-date{font-size:1rem;color:#586e6e}.comment div{display:flex;align-items:center;justify-content:space-around}.add-comment{display:flex;height:fit-content;width:80%;margin-inline:auto;align-items:center;border:1px solid hsl(0,0%,40%);border-radius:0 0 8px 8px;overflow:hidden}.add-comment button{background-color:transparent;color:#fafafa;border:1px solid hsl(0,0%,40%);border-radius:50%;font-weight:900;font-size:2rem;width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin-top:0;margin-left:auto;margin-right:10px}.add-comment button:hover{cursor:pointer;background-color:#0d1117}.plan-page-content textarea{width:100%;height:90px;margin-inline:auto;border:none;resize:none;padding:1rem;background-color:transparent;color:#fafafa;font-size:larger;margin-bottom:0}.plan-page-content textarea::-webkit-scrollbar{width:5px;background-color:transparent;color:#666}.plan-page-content textarea::-webkit-scrollbar-thumb{background-color:#666;border-radius:10px}.plan-page-content textarea:focus{outline:none}.trash:hover{cursor:pointer;color:#fd5f5f}.edit:hover{cursor:pointer;color:#a1fd5f}.share:hover{color:#5f9bfd;cursor:pointer}.mark-done-btn{height:40px;margin-top:1rem;width:50%;margin-inline:auto;border-radius:8px;background-color:#0f8f1ab4;color:#fff;font-size:1.5rem;font-weight:500;border:none}.mark-done-btn:hover{cursor:pointer;background-color:#26e14586;transition:background-color .3s ease}.skill-page .mark-done-btn,.new-skill form button{background-color:#1539bb80}.skill-page .pro{color:#f43f27}.skill-page .done{color:#05d41d}.skill-page .mark-done-btn:hover,.new-skill form button:hover{cursor:pointer;background-color:#032d7b7a;transition:background-color .3s ease}@media (max-width: 900px){.plan-page-content{width:80%;min-width:unset;padding:1.5rem}.plan-page-content .deleteEdit-btn{top:1%;right:3%;gap:20px;font-size:1.2rem}.plan-page-content h2{font-size:1.3rem}.plan-page-content p{font-size:1rem}.plan-page-content h3{font-size:.9rem}.comment .comment-content{font-size:1.05rem}.comment-date{font-size:.9rem}.add-comment button{font-size:1.5rem;width:35px;height:35px}.mark-done-btn{font-size:1.2rem;width:70%}}@media (max-width: 600px){.plan-page-content{width:95%;padding:1rem}.plan-page-content .deleteEdit-btn{top:2%;right:2%;gap:15px;font-size:1rem}.plan-page-content h2{font-size:1.1rem}.plan-page-content p{font-size:.95rem}.plan-page-content h3{font-size:.85rem;text-align:center}.plan-comments{width:95%;height:300px}.add-comment{width:95%;flex-direction:row;padding:.5rem}.add-comment button{width:30px;height:30px;font-size:1.2rem}.plan-page-content textarea{font-size:1rem;padding:.8rem}.mark-done-btn{width:90%;font-size:1rem}}.new-plan form{width:80%;margin-inline:auto;display:flex;flex-direction:column;align-items:right}.new-plan{position:relative}.new-plan form input{height:50px;font-size:1.2rem;font-weight:300;outline:none;border:none;background-color:#000;color:#cbcbcb;padding:1rem;border-radius:8px;margin-bottom:20px}.new-plan form input:focus{border:1px solid #454645}.new-plan form textarea{background-color:#000;font-size:1.1rem;border-radius:8px;resize:vertical;height:300px}.new-plan form textarea:focus{border:1px solid #454645}.profile-pic{width:100px;height:100px;border-radius:50%;margin:20px}.profile .profile-content .profile-pic-container{width:100%;display:flex;justify-content:center;align-items:center}.profile .profile-content .profile-edit-btn{position:absolute;top:10px;right:10px;background-color:#304848;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.profile .profile-content .profile-edit-btn:hover{background-color:#2a3b3b}.setting .setting-content button{width:100px;height:40px;margin:5px;background-color:#304848;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.9rem}.setting .setting-content button:hover{background-color:#2a3b3b}.setting .contact-btns button{font-size:1.3rem;background-color:#000;color:#cbcbcb;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin:5px;transition:background-color .3s ease}.setting .contact-btns button:hover{background-color:#2a3b3b}#feedback{border:1px solid #7475754e;border-radius:8px}.edit-profile input{width:50%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;background-color:#000;color:#ccc;font-size:1.2rem;border:none;outline:none}.edit-profile input:focus{border:1px solid #454645}.edit-profile textarea{width:50%;padding:10px;margin:5px 0;outline:1px solid #ccc;border-radius:4px;background-color:#000;color:#ccc;border:none;outline:none}