@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");*::after,*::before{box-sizing:border-box;-webkit-box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px;font-family:"Nunito", sans-serif}body{margin:0}a{text-decoration:none;outline:none}img{display:block}h1,h2,h4,p,a{margin-left:20px}ul{list-style:none}input,textarea{outline:none}input::placeholder{font-family:"Nunito", sans-serif}button{cursor:pointer;font-family:"Nunito", sans-serif;border:none}.header{background-color:white;padding:20px 0}.header .content{display:flex;justify-content:space-between;align-items:center}.header .content .logo{display:flex;justify-content:center;align-items:center}.header .content .logo img{height:50px;border-radius:50%}.header .content .links{display:flex;justify-content:center;align-items:center}.header .content .links a{position:relative;margin:0 20px}.header .content .links a::before{content:"";position:absolute;left:0;bottom:0;top:25px;height:2px;width:100%;transform:scale(0);transition:transform 500ms ease-in}.header .content .links a:hover::before{transform:scale(1)}.header .content .links button{padding:10px;border-radius:5px;transition:0.15s ease-in-out;border:none;cursor:pointer;outline:none}.showcase{height:35vh;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.showcase .text{text-align:center}.showcase .text h1{margin-bottom:0;text-align:center}.showcase .text a{transition:0.15s ease-in-out}.showcase .text p{margin-top:0;margin-bottom:30px;text-align:center}.footer{display:flex;flex-direction:column;padding:30px 0}.footer .content{flex-direction:column}.footer h1{margin:0}.footer .col{display:flex;margin:20px 0}.footer .col a{margin:0 10px;transition:0.15s ease-in-out}.footer .col a:hover{opacity:0.7}.footer .col a img{height:50px}.footer .col a:first-of-type{margin-left:0}.footer .copyright{margin:20px 0}@media screen and (max-width: 530px){.footer,.content{display:flex;justify-content:center;align-items:center;text-align:center}.col{display:flex;flex-direction:column}.col a{display:flex;justify-content:center;align-items:center}.col a img{margin:10px 0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;background-color:#202c37}::-webkit-scrollbar-thumb{background:#363a43;border-radius:10px;height:100px}.bg-light body{background-color:white}.bg-light .header{background-color:white;color:white}.bg-light .header a{color:black}.bg-light .header a::before{background:black}.bg-light .header #lightMode{background-color:black;color:white}.bg-light .showcase{background-image:linear-gradient(60deg, #48c6ef 0%, #6f86d6 100%);color:white}.bg-light .who-are-we{background-color:#6495ed;color:white}.bg-light .why-join{background-color:white;color:black}.bg-light .who-is-this-for{background-color:yellowgreen;color:white}.bg-light .ideas-about .ideas{background-color:#bf77f6;color:white}.bg-light .ideas-about .about{background-color:orange;color:white}.bg-light .footer{background-color:white;color:black}.bg-light .footer a{color:black}.bg-light .contact-us{background-color:#6495ed}.bg-light .contact-us .box{background-color:#f0f8ff}.bg-light .contact-us .form label{color:black}.bg-dark body{background-color:#202c37}.bg-dark .header{background-color:#202c37;color:white}.bg-dark .header #lightMode{background-color:white;color:black}.bg-dark .header a{color:white}.bg-dark .header a::before{background:white}.bg-dark .showcase{background:linear-gradient(to top, #a3bded 0%, #6991c7 100%);color:white}.bg-dark .who-are-we{background-color:#333333;color:white}.bg-dark .why-join{background-color:#202c37;color:white}.bg-dark .who-is-this-for{background-color:#052339;color:white}.bg-dark .ideas-about .ideas{background-color:#585989;color:white}.bg-dark .ideas-about .about{background-color:#3d6cb9;color:white}.bg-dark .footer{background-color:#202c37;color:white}.bg-dark .footer a{color:white}.bg-dark .contact-us{background-color:#333333}.bg-dark .contact-us .box{background-color:#34414e}.bg-dark .contact-us .form label{color:white}.link{margin-top:20px;background-color:#7289da;padding:10px 20px;border-radius:25px;color:white}.link:hover{opacity:0.8;transition:200ms, 200ms ease-in-out}.container .content{display:flex;width:80%;height:100%;margin:auto}.container .who-are-we{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:30px 0}.container .who-are-we h2{margin:0}.container .why-join{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:50px 0}.container .why-join .content{flex-direction:column}.container .why-join .content .row{display:flex;margin-top:50px;gap:20px}.container .why-join .content .row .reason{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1}.container .why-join .content .row .reason p{margin-top:20px}.container .who-is-this-for{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:30px 0}.container .who-is-this-for h2{margin:0}.container .ideas-about{display:flex}.container .ideas-about .ideas{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 0}.container .ideas-about .ideas h2{margin:0}.container .ideas-about .ideas p{padding:0 2em;text-align:center}.container .ideas-about .ideas .link{padding:10px 30px}.container .ideas-about .ideas a{transition:0.15s ease-in-out;color:white}.container .ideas-about .about{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px 0}.container .ideas-about .about h2{margin:0}.container .ideas-about .about p{padding:0 2em;text-align:center}@media screen and (max-width: 845px){.header{display:flex;justify-content:center;align-items:center}.header img{margin-left:60px}.header .links{display:none}.header .links .ideas{width:100%}.header .links .about{width:100%}.who-are-we p{padding:0}.why-join{padding:50px 0}.why-join .row{flex-direction:column;gap:20px}.who-is-this-for p{padding:0}.ideas-about{display:flex;flex-direction:column}.ideas-about .ideas{width:100%}.ideas-about .about{width:100%}}@media screen and (min-width: 2000px){.why-join img{height:200px}.who-are-we p{padding:0 14em}.who-is-this-for p{padding:0 14em}}@media screen and (max-width: 2000px){.why-join img{height:140px}.who-are-we p{padding:0 6em}.who-is-this-for p{padding:0 6em}}@media screen and (min-width: 850px){.ideas-about .ideas{width:50%}.ideas-about .about{width:50%}}