@import"https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@200;400;500;600;700;800&display=swap";:root{--dark-purple: #351544;--purple: #732f8c;--light-purple: #966bab;--yellow: #f1bd3c;--brown: #b67455;--white: #fff}body{margin:0;padding:0}#root{margin:0 auto;padding:0;position:relative}.nav-cont{width:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;position:absolute;top:0;z-index:10}.nav{width:90%;max-width:1000px;color:var(--dark-purple);font-weight:700;padding:.5em 0;font-family:Asap Condensed,sans-serif;display:flex;align-items:center;justify-content:space-between;background-color:#9873a5b2;position:sticky}.logo-cont{width:120px;height:50px;padding-left:1em;object-fit:cover}.bars{color:var(--yellow);font-size:1.5em;font-weight:700}.bars:hover,.menu-close:hover{cursor:pointer}.mobile-menu-container{position:absolute;background-color:var(--light-purple);color:var(--white);width:250px;height:max-content;z-index:10;top:.1em;right:1em;border-radius:20px}.menu-close{width:100%;text-align:end}.menu-close span{font-size:36px;color:var(--dark-purple)}.bars:active,.menu-close span:active{transform:scale(1.2);color:var(--white)}.mobile-menu-container ul{list-style:none;padding:.2em .5em;margin:0;display:flex;flex-direction:column;height:100%;width:100%;gap:1.5em}.mobile-menu-container li{padding:.5em 1em;margin:0}.mobile-menu-container .link{text-decoration:none;color:var(--white)}.menu-list-desktop{list-style:none;display:flex;gap:8%;width:100%;justify-content:center}.menu-link-desktop{text-decoration:none;color:var(--dark-purple)}.drop-down{display:flex;flex-direction:column;gap:.5em;width:max-content;justify-content:center;padding:.3em;text-transform:uppercase;font-size:13px}.drop-down .drop-item{text-decoration:none;color:var(--purple);font-weight:700;width:100%;text-align:start}.homepage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.hero{width:100%;height:100vh;background-image:url(/assets/jfp-hero-background-2e7b1b1a.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:end}.hero-content{color:var(--white);width:100%;height:70%;min-height:400px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:1em;padding:.5em}.hero h1{width:80%;max-width:700px;font-size:52px;font-weight:600}.hero span,.hero p{font-size:20px;width:80%;max-width:900px}.hero span{color:var(--yellow)}.hero button{width:200px;height:50px;background-color:var(--yellow);border:none;border-radius:10px;font-size:20px;font-weight:700;color:var(--dark-purple);margin:2em 0;cursor:pointer}.footer-col{width:20%;min-height:200px;display:flex;flex-direction:column;justify-content:space-around;gap:1em;padding:1em;background-color:transparent}.get-in-touch p{padding:.7em 0}.get-in-touch span{padding-right:.3em}.footer-col h6{color:var(--yellow);font-size:20px;font-weight:700}.footer-col p{font-size:16px}.footer-col span{font-size:16px;color:var(--yellow)}.footer-col ul{padding:0;margin:0;width:100%}.footer-col li{width:100%;list-style:none;border-bottom:2px dashed var(--yellow);padding:.7em 0;text-align:start}.footer-col li p{width:100%}.footer-col a{width:100%;white-space:nowrap;color:var(--white);text-decoration:none;cursor:pointer;font-weight:600}.social-media-icons{width:75%;display:flex;justify-content:space-around;align-items:center}.social-media-icons a{text-decoration:none;font-size:24px}.register{width:100%;height:min-content;min-height:300px;background-image:url(./assets/KE-flag-city.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;color:var(--white);text-align:center;position:relative;z-index:0}.register section{display:flex;gap:3em;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#966babcc}.stars{display:flex;align-items:center;justify-content:center;color:var(--yellow);padding:.2em 0;font-size:40px}.register h2{font-size:30px}.register a{background:linear-gradient(to bottom,var(--purple),var(--dark-purple));padding:.7em 2em;color:var(--yellow);border-radius:10px;text-decoration:none}.register a:hover{background:linear-gradient(to bottom,var(--dark-purple),var(--purple))}.register a:active{transform:scale(1.2)}.our-team{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:3em}.our-team h3{font-size:20px;padding:1em .8em;margin-bottom:10px;color:var(--dark-purple);border-bottom:2px dashed var(--light-purple)}.our-team .team-cards{width:95%;background-color:var(--dark-purple);padding:1em;display:flex;gap:1em;justify-content:space-around;margin-bottom:10px}.team-cards .card{border:1px solid var(--yellow);width:22%;height:350px;display:flex;flex-direction:column;align-items:center}.team-cards .card .image-cont{width:100%;height:75%;overflow:hidden;display:flex;justify-content:center;align-items:center}.team-cards .card .image-cont img{width:200px;height:200px;border-radius:50%;object-fit:cover}.team-cards .card h4{font-size:18px;color:var(--yellow)}.role{font-size:14px;color:var(--yellow);margin-top:5px}.social-links{width:100%;height:15%;display:flex;justify-content:space-around;align-items:center}.social-links a{text-decoration:none;color:var(--yellow)}.slide-btn{width:95%;display:flex;justify-content:flex-end;align-items:center;gap:.3em;text-align:center;padding:.3em}.slide-btn button{background-color:var(--dark-purple);color:var(--yellow);border:none;border-radius:5px;font-size:24px}.slide-btn button:active{transform:scale(1.2);background-color:var(--light-purple)}.news h3{color:var(--yellow);border-bottom:2px dashed var(--yellow);padding:.5em 1em}.pri-news-cont h4{font-size:24px;font-weight:600;color:var(--yellow)}.pri-news-cont p{font-size:18px;font-weight:600}.pri-news-cont a{color:var(--yellow);text-decoration:none;background:linear-gradient(to bottom,var(--purple),var(--dark-purple));padding:.5em .7em}.pri-news-img-cont{position:absolute;top:0;right:0;left:0;bottom:0;z-index:0;height:100%;width:100%}.pri-news-img-cont img{width:100%;height:100%;object-fit:cover}.other-news{width:40%;height:100%;display:flex;flex-direction:column;gap:1.5em;justify-content:space-between;align-items:center}.card-layout{display:flex;justify-content:space-between;width:100%;max-width:500px;height:100%;background-color:var(--white)}.other-news-cont{padding:0 .5em;width:55%;height:100%;background-color:var(--white);display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.other-news-img-cont{width:45%}.other-news-img-cont img{width:100%;height:100%;object-fit:cover}.other-news-cont a{color:var(--yellow);text-decoration:none;background:linear-gradient(to bottom,var(--purple),var(--dark-purple));padding:.5em .7em}.other-news-cont h4{font-size:20px;margin:0;font-weight:600;color:var(--light-purple)}.objectives{width:100%;background-color:var(--white);color:var(--purple);text-align:center;padding:0;display:flex;flex-direction:column;gap:.1em;align-items:center}.objectives .mission,.objectives .vission{width:80%;min-width:200px;max-width:700px;margin:0;padding:0}.objectives h2{color:var(--dark-purple);font-size:24px;font-weight:700;border-bottom:2px dashed var(--light-purple)}.objectives span{font-size:28px;font-weight:600}.objectives p{font-size:18px;font-weight:600}.news-page{padding:3em .5em;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;gap:10%}.news-page .news-content,.news-page .events-content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.news-page .news-content h1,.news-page .events-content h3{font-size:20px;color:var(--dark-purple);text-transform:uppercase;border-bottom:2px dashed var(--light-purple);padding:.5em 2em;width:fit-content}.news-page .news-content .news-list,.news-page .events-content .events-list{display:flex;flex-direction:column;gap:.5em;align-items:center;width:100%}.news-page .news-card,.news-page .event-card{display:flex;justify-content:space-between;width:100%;max-width:600px;height:200px;background-color:#966bab}.news-page .news-card .image-content,.news-page .event-card .image-content{width:40%;height:100%}.news-page .news-card .text-content,.news-page .event-card .text-content{width:70%}.news-page .news-card .text-content h2,.news-page .event-card .text-content h2{color:var(--white)}.news-page .news-card .image-content img,.news-page .event-card .image-content img{object-fit:cover;height:100%;width:100%}.resources{width:100%;height:100%;display:flex;flex-direction:column;gap:1em;align-items:center;padding:5em .5em 2em;text-align:center;background-color:var(--white)}.resources h1{color:var(--dark-purple);text-transform:uppercase;border-bottom:2px dashed var(--light-purple);padding:.2em 2em}.resources p{color:var(--purple);width:80%;font-size:16px;line-height:30px}.resources button{cursor:pointer;color:var(--purple);background-color:var(--light-purple);border:none;box-shadow:1px 1px 1px var(--light-purple);padding:1em 2em;font-size:18px;font-weight:700}.resources button:active{transform:scale(1.1);color:var(--yellow)}@media only screen and (max-width: 768px){.team-cards .card{width:90%}#mobile-menu{display:flex}#desktop-menu{display:none}.footer-col{width:100%}.other-news{width:100%;padding:5% 0}.card-layout{max-width:none}}.newscontent{display:flex;width:100%;justify-content:center;align-items:center}.priNews1{width:fit}.priNews1 img{width:100%;height:90vh}.priNews2{width:90%;background-color:#fff;height:fit-content;padding:2%}.news{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#732f8c}.news{padding:20px}.newscontent{display:flex;flex-direction:row;justify-items:center;align-items:center;margin:auto;gap:20px}.prinews{display:flex;justify-items:center;padding-left:5%;padding-right:5%;flex:1;gap:20px}.priNews1 img{width:100%;height:auto;object-fit:cover}@media (max-width: 1024px){.newscontent,.prinews{flex-direction:column}}@media (max-width: 768px){.news{padding:10px}.newscontent{gap:10px}.prinews{flex-direction:column}.priNews1 img{width:100%;height:auto}.priNews2 h4{font-size:1.2rem}.priNews2 p{font-size:1rem}}@media (max-width: 480px){.news h3{font-size:1.5rem}.priNews2 h4{font-size:1rem}.priNews2 p{font-size:.9rem}}.banner{display:flex;align-items:center;background-color:#450243;height:70vh}.banner-content{display:flex;flex-direction:column;width:50%;text-align:center;justify-content:center;align-items:center}.banner-title{font-size:2.5rem;color:#fcf7f7;font-weight:700}.highlight{color:#ede907;font-size:2rem}.banner-text{font-size:1.2rem;color:#fff}.banner-buttons{display:flex;gap:15px}.btn{padding:12px 24px;font-size:1rem;border:none;cursor:pointer;transition:.3s;border-radius:5px}.btn-primary{background-color:#ffd500;color:#57036c;font-weight:600}.btn-primary:hover{background-color:#e5e8ec}.btn-secondary{background-color:#fffbfb;color:#28022d;font-weight:600}.btn-secondary:hover{border:2px solid white;background-color:inherit;color:#e5e8ec}.banner-image{flex:1;min-height:100%;background-image:url(/assets/hero-part-3b6108a0.png);background-size:cover;background-position:center;border-radius:10px}.mission-container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px;flex-wrap:wrap}.mission-left{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#f4f3f3b3}.welcome-text{font-size:26px;font-weight:700;color:#000}.thin-line{width:50px;height:2px;background-color:#000;margin:10px 0}.party-name{font-size:20px;font-weight:700;color:purple}.slogan{font-size:32px;font-weight:700}.mission-right{flex:1;display:flex;flex-direction:column;gap:20px}.section{display:flex;flex-direction:column;align-items:center;text-align:center}.section-title{font-size:22px;font-weight:700}.section-text{font-size:18px;max-width:400px;color:#000}.top-navbar{background-color:#73047d;color:#fff;display:flex;justify-content:space-around;align-items:center;padding:8px 16px;font-size:18px}.contact-info{display:flex;gap:16px}.contact-item{display:flex;align-items:center;gap:5px}.social-icons{display:flex;gap:15px}.social-icon{cursor:pointer;transition:color .3s;gap:20px}.social-icon:hover{color:#e4e6ad}.navbar{background-color:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 2px 5px #0000001a;color:#000}.logo img{width:10%}.nav-links{display:flex;list-style:none;gap:20px;color:#000}.nav-item{cursor:pointer;color:#040404;transition:color .3s;font-weight:600;font-size:18px;text-decoration:none}.nav-item:hover{color:#4b045a}.register-btn{background-color:#f8bf04;color:#430455;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s}.register-btn:hover{border:2px solid black;background-color:inherit;color:#3c024f}.hamburger-menu{display:none;font-size:24px;cursor:pointer;color:#040404}.mobile-menu{position:absolute;top:60px;left:0;width:100%;background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;align-items:center;padding:16px}.mobile-item{padding:10px;cursor:pointer;transition:color .3s;text-decoration:none}.mobile-item:hover{color:#007bff}.mobile-register-btn{margin-top:10px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.mobile-register-btn:hover{background-color:#0056b3}.container{display:flex;justify-content:center;align-items:center;height:30vh;background-color:#780490;color:#fff;box-shadow:0 4px 10px #0000001a;padding:20px}.membership-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;text-align:center;color:#fff;height:100%;width:100%}h2{font-size:24px;margin-bottom:10px}p{color:#fefafa;margin-bottom:20px}.button-group{display:flex;justify-content:center;gap:10px}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:.3s ease}.btn-join{background:inherit;color:#fff;border-radius:5px;border:2px solid white;font-weight:800;padding:10px}.btn-join:hover{background:#efc703}.btn-learn{background:#fafcfd;color:#0a0117;padding:10px;border-radius:5px;font-weight:800}.btn-learn:hover{background:#efc703;color:#000}.learn:hover{background:#545b62}.donate-button-wrapper{text-align:center;margin:40px 0}.donate-button{background-color:#d62828;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-size:18px;transition:background .3s ease}.donate-button:hover{background-color:#9d1c1c}.donate-container{max-width:800px;margin:60px auto;padding:20px;background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 8px #0000001a}.donate-container h1{color:#2a2a2a;font-size:32px;text-align:center;margin-bottom:20px}.donation-details h2{color:#d62828;margin-top:30px}.donation-details ul{list-style:none;padding:0}.donation-details li{margin-bottom:10px;font-size:18px}.team-container{text-align:center;padding:40px 20px;background-color:#f4f4f4}.team-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px}.line{flex-grow:1;border:none;height:2px;background-color:#333}.team-card{background:white;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;width:180px}.team-card img{width:100%;border-radius:10px}.team-card h3{margin-top:10px;font-size:18px;color:#333}.team-card p{margin-top:15px;font-size:16px;color:#e6b800}.footer{display:flex;flex-direction:column;background-color:#450243;color:#fff;padding:20px;text-align:center;height:fit-content}.footer-all{display:flex;justify-content:space-around;width:100%;flex-wrap:wrap;align-items:flex-start}.footer-section{flex:1;min-width:250px;margin:10px}.footer-section p{padding-left:10px;padding-right:10px}.footer-section h3{font-size:20px;margin-bottom:10px;padding-bottom:5px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:5px 0}.footer-section ul li a{color:#fff;text-decoration:none;transition:.3s}.footer-section ul li a:hover{color:#fc0}.button-group{display:flex;gap:10px;margin-top:10px}.btn-footer{background:#650384;color:#f5f2f2;padding:10px;border:none;cursor:pointer;font-size:14px;border-radius:5px;transition:.3s}.btn-footer1{background:inherit;color:#f5f2f2;padding:10px;border:none;cursor:pointer;font-size:14px;border-radius:5px;transition:.3s;border:2px solid white}.btn-footer:hover{background:#e6b800}.btn-footer1:hover{background:#3c024f}.footer-line{width:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:10px}.line-footer{width:90%;border:1px solid #fff}@media (max-width: 768px){.footer-all{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 768px){.team-members{flex-direction:column;align-items:center}}@media (max-width: 480px){.button-group{flex-direction:column}.btn{width:100%}}@media (max-width: 768px){.nav-links,.register-btn{display:none}.hamburger-menu{display:block}}@media screen and (max-width: 768px){.mission-container{flex-direction:column;text-align:center}.mission-left,.mission-right{width:100%}}@media screen and (max-width: 1024px){.banner{flex-direction:column;text-align:center}.banner-content{width:100%}.banner-image{width:100%;height:300px;margin-top:20px}.banner-buttons{justify-content:center}}@media screen and (max-width: 768px){.banner-title{font-size:2rem}.banner-text{font-size:1rem}.btn{font-size:.9rem;padding:10px 20px}.banner-image{height:250px}}.team-container{text-align:center;padding:20px}.team-header{display:flex;align-items:center;justify-content:center;gap:10px}.line{width:50px;height:2px;background:black}.team-members{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.team-card{display:flex;flex-direction:column;align-items:center;text-align:center}.image-container{width:150px;height:150px;overflow:hidden;border-radius:50%}.image-container img{width:70%;height:100%;object-fit:cover}.team-name{margin-top:10px;font-size:18px;font-weight:700}.team-card p{margin-top:-5px;font-size:14px;color:gray}