@import"https://fonts.googleapis.com/css2?family=Bungee+Tint&family=Matemasie&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";nav{position:fixed;width:85%;z-index:10;display:flex;justify-content:space-between;height:12.9vh;margin-top:.5rem;border-radius:15px;background-color:rgba(37,37,37,.548)}nav,nav .logo{align-items:center}nav .logo{width:10%;height:auto;margin-left:clamp(1rem,1.5vw,2rem)}nav .logo img{width:100px;height:auto;border-radius:0;padding:.4rem}nav ul{display:flex;width:70%;justify-content:space-between;list-style-type:none;padding:0;margin:0;height:auto}nav ul li{position:relative;display:inline-block;list-style:none}nav ul li a{display:block;text-decoration:none;padding:.5rem;color:#cac9c9;font-size:1.05rem;letter-spacing:2px;font-family:Poppins,system-ui;text-wrap:wrap;text-align:center;font-weight:500;font-style:normal;transition:color .3s ease}nav ul li:after{content:"";width:0;height:2px;background:#ff2a1a;display:block;margin:auto;transition:.7s}nav ul li:hover:after{width:100%}nav ul li a:hover{color:#fff}.checkbtn{font-size:30px;color:#92e3a9;cursor:pointer;display:none;transition:color .3s ease}.checkbtn:hover{color:#48ce6e}#check{display:none}.fa-bars:before{content:""}#check:checked~.checkbtn{color:#ff6464}@media screen and (max-width:1224px){nav{width:100%;margin:auto}nav ul{width:80%}nav ul li a{padding:.3rem}}@media screen and (max-width:1024px){nav{border-radius:0;margin:0}nav ul li a{padding:.5rem}}@media screen and (max-width:756px){nav{position:static;width:100%;margin:auto;background-color:rgba(0,0,0,0);border-radius:0}nav .logo{width:40%;height:100%;margin-left:1rem;align-items:center}nav .logo img{margin-block:10px;width:auto;height:90%}.checkbtn{display:flex;justify-content:start;width:20%;align-items:center;height:100%;color:#fa0808;font-size:1.5rem;z-index:150}#check:checked~.checkbtn{color:#ff6464}.list{display:block;position:absolute;z-index:120;background:#312e2e;top:-100vh;height:max-content;padding-bottom:1.5rem;transition:all .5s}.list,.list li{width:100%;text-align:center}.list li{height:2rem;border-radius:5px;margin-bottom:10px;color:#fff;margin-top:20px;border-top:1px solid #606060}.list li:first-child{border-top:none}.list li a{font-size:1rem;color:#fff;text-decoration:none}.list li a:hover{background-color:#393939;color:#e46b09}nav ul li:hover:after{width:0}nav ul li{display:block}#check:checked~ul{top:0;transition:all .5s ease-in}#check:checked~.checkbtn i:before{content:""}}footer{margin-top:30px;width:100%;position:relative;font-family:sans-serif;height:30%;background-image:linear-gradient(0deg,rgb(31,31,31),rgba(0,0,0,0));color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:2fr .1fr;grid-template-areas:"logo links initiatives contact" "social . . design";padding:25px 1px}footer .logo{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-area:logo;padding-left:1rem;padding-top:.5rem}footer .logo h4{line-height:3rem;margin-left:1rem;width:clamp(150px,10rem,250px);font-size:clamp(15px,rem,40px);border-left:1px solid #fff;padding:0 10px}footer .logo .copy{padding-top:.3rem;font-size:.7em;color:#7d8287}footer .logo .img{border-radius:0!important;padding-top:.5rem;width:100px;height:100px}footer .Links{padding-top:30px;grid-area:links;color:#eef5fc;display:flex;flex-direction:column;justify-content:space-between;list-style-type:none}footer .Links li{margin:0 10px}footer .Links li a{text-decoration:none}footer .initiatives{grid-area:initiatives;padding-top:30px}footer .initiatives a{text-decoration:none;color:#cacec3!important}footer .contact{max-height:12rem;width:100%;grid-area:contact;padding:30px 0}footer .contact p{display:inline-block;font-size:16px;margin:0 -10px;color:#cecece;padding:3px 10px}footer .contact p img{display:inline-block;margin-right:10px;width:25px;height:25px;border-radius:0!important}footer .contact h6{display:flex;padding:1px 50px;font-size:19px;font-family:poppins,sans-serif}footer .contact a{text-decoration:none!important;color:#eef5fc}footer .contact a:hover{color:#e25e06!important}footer .social{grid-area:social;padding-left:1.3rem;padding-bottom:.3rem;font-size:.6em;display:flex;justify-content:center;margin:25px;width:100%}footer .social a{padding:2px 8px;color:#eef5fc;display:inline-block}footer .social a img{width:50px;height:30px;border-radius:0!important}footer .social a img:hover{cursor:pointer!important;color:#eef5fc;transform:scaleY(1.2);filter:drop-shadow(0 0 5px #6e6e6e)}footer .design{grid-area:design;font-size:.9em;display:flex;justify-content:center;margin-top:3rem;margin-right:2.5rem}footer .design span{color:#e25e06;text-decoration:underline}li{list-style:none;padding-top:2%;font-size:.9em}.flex{display:flex}.Links a:hover,.initiatives a:hover{color:#e25e06!important;text-decoration:none}@media screen and (max-width:968px){footer{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr .3fr;grid-template-areas:"logo logo" "links initiatives" "contact social" "design design";width:100vw}footer .social{display:flex;flex-direction:column;align-items:center;width:100%;margin:0;padding:0}footer .social a img{width:30px;height:auto}footer .logo{padding:0;margin:0;width:100%}footer .logo .img{max-width:100px}footer .logo h4{font-size:medium}footer .design{text-align:center;margin-inline:0}footer .Links{display:block;padding-top:0}footer .Links b{color:#e25e06}footer .contact{padding:0;margin:0;width:100%}footer .contact h6{display:none}footer .contact p{font-size:.8rem}footer .contact p img{width:20px;height:20px}footer .initiatives{padding:0;margin:0}footer .initiatives a{font-size:.8rem;height:50px;line-height:1}footer .initiatives b{color:#e25e06}}