@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Agbalumo&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:var(--main-heading);font-family:Poppins,sans-serif}.intro{background:var(--bg-img);background-attachment:fixed;background-position:50%;background-size:cover;display:grid;grid-template-columns:200fr 200fr;width:100%}.inright{padding-bottom:30%;padding-top:22%;text-align:left}.inright img{-webkit-animation:updown 2s ease infinite;animation:updown 2s ease infinite;width:75%}.inleft{font-size:1.5rem;padding-top:30%;text-align:left}.inleft p{color:var(--text-color-clr);font-size:10px;letter-spacing:1px;padding:0 0 25px 120px}.inleft h1{color:#02b3e4;font-family:Times New Roman,Times,serif;font-size:3.75em}.inleft h1,.inleft h2{padding:0 0 15px 120px}.inleft h2{color:var(--text-color-clr)}@media (max-width:970px){.inright{margin:50px 0 0 12%;width:70%}.inleft,.inright{grid-column:1/span 2;text-align:center}.inleft{width:100%}.inleft p{color:var(--text-color-clr);font-size:10px;letter-spacing:1px;padding:0 0 8px}.inleft h1{color:#02b3e4;font-size:40px;padding:0 0 5px}.inleft h2{color:var(--text-color-clr);font-size:30px;padding:10px 0 0}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body,html{overflow-x:hidden}.header{align-items:center;background-color:var(--bg-img);box-sizing:border-box;display:flex;height:4rem;justify-content:space-between;padding:0 4.8rem}.tag{color:#02b3e4}label.logo{color:var(--text-color-clr);font-family:Times New Roman,Times,serif;font-size:25px;font-weight:700;line-height:60px;padding:0 20px}.navbar-list{display:flex;line-height:5em;list-style:none}.main-nav{display:flex}.dlmode{color:var(--text-color-clr);padding:45px 0 0 10px}.dlmode:hover{color:#02b3e4}.navbar-link:link,.navbar-link:visited{color:var(--text-color-clr);display:inline-block;font-size:1.5rem;padding:27px 10px;text-decoration:none;transition:all .3s}.navbar-link:active,.navbar-link:hover{color:#02b3e4}.mobile-navbar-btn{background:transparent;cursor:pointer;display:none}.mobile-nav-icon{background-color:var(--main-heading);border:none;color:#02b3e4;height:4rem;width:4rem}@media (max-width:62em){.navbar-link:link,.navbar-link:visited{padding:3px 10px}.mobile-navbar-btn{color:#02b3e4;display:block;z-index:999}.dlmode{padding:5px 15px 0 0}.header{position:relative}.header,.navbar{justify-content:center}.navbar{align-items:center;background-color:var(--main-heading);display:none;display:flex;height:45rem;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .5s linear;visibility:hidden;width:40%}.navbar-list{align-items:center;flex-direction:column;line-height:5em}.active .navbar{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.active .mobile-nav-icon{display:block}}@media (max-width:35em){label.logo{font-size:9px}}.Dark-theme{--main-heading:#000;--cards-clr:rgba(0,50,93,.347);--text-color-clr:#fff;--bg-img:url(/static/media/bg.7761cf6170eaac1ca5f2.jpg);--bg-cards:#000}.Light-theme{--main-heading:#fff;--cards-clr:#fff;--text-color-clr:#000;--bg-img:url(/static/media/white.9859e53324d18b16e2aa.jpg);--bg-cards:#000}#line{background-image:linear-gradient(90deg,#014f64,#00090c);display:block;height:5px;margin:10px auto auto;width:90px}.card{font-family:Poppins;font-size:1.2rem;letter-spacing:2px;margin-top:5rem;text-align:center}.card h1{color:#02b3e4;letter-spacing:2.5px}.card p{color:#9e9ca4;font-size:1.3rem;letter-spacing:2px;line-height:30px;margin:0 auto;padding:5rem 0;text-align:center;width:80%}.grid{display:grid;grid-template-columns:1fr 1fr;margin:2rem auto 0;width:80%}.usleft{color:var(--text-color-clr);letter-spacing:2px;line-height:30px;padding-left:13rem;text-align:left}.usleft ul{list-style-type:none}.usright{color:var(--text-color-clr);letter-spacing:2px;line-height:30px;padding-left:18rem;text-align:left;width:50rem}.usright ul{list-style-type:none}.key{color:#02b3e4;font-weight:900}@media (max-width:1200px) and (min-width:850px){.usright{padding-left:12rem}.grid,.usleft,.usright{width:100%}}@media (max-width:850px){.usright{width:100%}.usleft,.usright{grid-column:1/span 2;padding-left:5%;text-align:center}.grid{width:100%}}:root{--dur:all 550ms ease-in-out;--dur-a:all 650ms ease-in-out;--dur-b:all 750ms ease-in-out}#line-1{background-image:linear-gradient(90deg,#014f64,#00090c);display:block;height:5px;margin:10px auto 35px;width:50px}.title-1{font-family:Poppins;font-size:1.2rem;letter-spacing:2px;margin-top:15rem;text-align:center}.title-1 h1{color:#02b3e4;letter-spacing:2.5px}.container-1{grid-gap:10px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:auto;max-width:80%;padding:20px}.item-1{background:#014f64;border-radius:1px;box-sizing:border-box;color:#fff;padding:3.5rem;position:relative;text-align:center}.card-1,.item-1{height:100%;width:100%}.card-1{border-radius:15px;bottom:0;-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0;transition:all .55s ease-in-out;transition:var(--dur);z-index:10}.card-1 img{height:6rem}.card-1 img,.card-1 p{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);max-width:9999px;overflow:hidden;transition:all .55s ease-in-out;transition:var(--dur);z-index:10}.card-1 p{bottom:7%;color:#666;font-size:1.2rem;font-weight:900;height:1.7rem;left:0;margin:auto;position:absolute;right:0;text-align:center}.item-1:hover .card-1 p{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}.circle-1{background-color:var(--cards-clr);bottom:0;height:100%;left:0;margin:auto;max-width:100%;position:absolute;right:0;top:0;transition:all .65s ease-in-out;transition:var(--dur-a);z-index:2}.circle-1,.circle2{border:1px solid #000;-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}.circle2{background-color:var(--bg-cards);transition:all .75s ease-in-out;transition:var(--dur-b)}.item-1:hover .card-1 img{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}.item-1:hover .card-1 .circle-1{-webkit-clip-path:circle(0 at 75% 60%);clip-path:circle(0 at 75% 60%)}.item-1:hover .card-1 .circle2{-webkit-clip-path:circle(0 at 35% 20%);clip-path:circle(0 at 35% 20%)}.card-1 img{bottom:0;left:0;margin:auto;max-width:50%;position:absolute;right:0;top:0;z-index:3}.content-1{align-items:center;display:flex;font-size:1.5rem;line-height:1.6rem;position:relative;z-index:0}@media (max-width:960px){.container-1{grid-gap:10px;box-sizing:border-box;display:grid;margin:auto;max-width:950%;padding:2px}}@media (max-width:550px){.container-1{grid-template-columns:1fr 1fr}.item-1{padding:2rem}.card-1 img{height:3.5rem}.content-1{font-size:.9rem;line-height:1.2rem}}*{font-family:Poppins}.main{background-color:var(--main-heading);display:grid;height:auto;padding:15rem 0;place-items:center;width:100%}.main .head{color:#02b3e4;font-size:29px;font-weight:500;margin-bottom:100px;position:relative}.main .head:after{background-image:linear-gradient(90deg,#014f64,#00090c);bottom:-5px;content:" ";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.container{height:auto;margin:auto 0;position:relative;width:70%}.container ul{list-style:none}.container ul:after{background-image:linear-gradient(180deg,#014f64,#0397c0);content:" ";height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px}.container ul li{background-color:var(--cards-clr);border-radius:8px;box-shadow:1px 1px 15px rgba(0,0,0,.218);height:auto;margin-bottom:30px;padding:15px 20px;position:relative;width:50%;z-index:99}.container ul li:nth-child(4){margin-bottom:0}.container ul li .circle{background-color:#02b3e4;border-radius:50%;display:grid;height:20px;place-items:center;position:absolute;top:0;width:20px}.circle:after{background-color:#000;border-radius:50%;content:" ";height:12px;width:12px}ul li:nth-child(odd) .circle{right:-30px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}ul li:nth-child(2n) .circle{left:-30px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul li .date{background-image:linear-gradient(to right,#014f64,var(--main-heading));border-radius:15px;box-shadow:1px 2px 12px rgba(0,0,0,.318);color:var(--text-color-clr);display:grid;font-size:13px;height:33px;place-items:center;position:absolute;top:-45px;width:130px}.container ul li:nth-child(odd){clear:right;float:left;text-align:right;-webkit-transform:translateX(-30px);transform:translateX(-30px)}ul li:nth-child(odd) .date{right:20px}.container ul li:nth-child(2n){clear:left;float:right;-webkit-transform:translateX(30px);transform:translateX(30px)}ul li .heading{color:#02b3e4;font-size:17px}ul li p{color:#666;font-size:13px;line-height:18px;margin:6px 0 4px}ul li a{color:#02b3e4;font-size:13px;text-decoration:none;transition:all .3s ease}@media only screen and (min-width:798px) and (max-width:1100px){.container{width:80%}}@media only screen and (max-width:798px){.container{-webkit-transform:translateX(20px);transform:translateX(20px);width:70%}.container ul:after{left:-40px}.container ul li{clear:none;float:none;margin-bottom:80px;width:100%}.container ul li .circle{left:-40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container ul li .date{left:20px}.container ul li:nth-child(odd){text-align:left}.container ul li:nth-child(2n),.container ul li:nth-child(odd){-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width:550px){.container{width:80%}.container ul li .circle,.container ul:after{left:-20px}}#line-2{background-image:linear-gradient(90deg,#014f64,#00090c);display:block;height:5px;margin:10px auto auto;width:110px}#contact{align-items:center;background-color:var(--main-heading);display:flex;justify-content:center}.contact-box{display:flex;flex-wrap:wrap;margin:80px 50px;width:clamp(100px,90%,1000px)}.contact-form-wrapper,.contact-links{box-sizing:border-box;padding:8% 5% 10%;width:50%}.contact-links{background:radial-gradient(circle at 55% 92%,#285286aa 0 12%,transparent 12.2%),radial-gradient(circle at 94% 72%,#1a3e6ad7 0 10%,transparent 10.2%),radial-gradient(circle at 20% max(78%,350px),#029fcaa4 0 7%,transparent 7.2%),radial-gradient(circle at 0 0,#263a53 0 40%,transparent 40.2%),#1f2e43;border-radius:10px 0 0 10px}.contact-form-wrapper{background-color:var(--cards-clr);border:1px solid #000;border-radius:0 10px 10px 0}@media only screen and (max-width:800px){.contact-form-wrapper,.contact-links{width:100%}.contact-links{border-radius:10px 10px 0 0}.contact-form-wrapper{border-radius:0 0 10px 10px}}@media only screen and (max-width:400px){.contact-box{margin:8% 5%;width:95%}}.contact-links h2{text-align:center}.contact-links h2 img{-webkit-animation:updown 2s ease infinite;animation:updown 2s ease infinite;-webkit-filter:hue-rotate(220deg) drop-shadow(0 0 10px #fff);filter:hue-rotate(220deg) drop-shadow(0 0 10px white);height:140px;margin-bottom:40px;transition:.2s;-webkit-user-select:none;user-select:none;width:150px}@-webkit-keyframes updown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes updown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.links{display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.link{cursor:pointer;margin:10px}.link img{background:#fff;border-radius:10px;-webkit-filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #0006);filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #0006);height:45px;transition:.2s;-webkit-user-select:none;user-select:none;width:45px}.link img:hover{box-shadow:0 0 50px #fff}.link img:active,.link img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.link img:active{-webkit-filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #222) sepia(.3);filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #222) sepia(.3)}.form-item{position:relative}input,label,textarea{font-family:Poppins,sans-serif}.form-item label{color:#000;font-size:clamp(14px,1.5vw,18px);font-weight:600;left:2%;pointer-events:none;position:absolute;top:10px;-webkit-user-select:none;user-select:none}input,textarea{border:1px solid #ccc;border-radius:4px;font-size:clamp(15px,1.5vw,18px);margin-bottom:20px;outline:0;padding:12px;width:100%}input:focus+label,input:valid+label,textarea:focus+label,textarea:valid+label{color:#777;font-size:clamp(13px,1.3vw,16px);top:-20px;transition:all .225s ease}.submit-btn{background-color:var(--text-color-clr);border:none;border-radius:10px;color:var(--main-heading);cursor:pointer;display:block;-webkit-filter:drop-shadow(2px 2px 3px #0003);filter:drop-shadow(2px 2px 3px #0003);font-family:Poppins,sans-serif;font-size:clamp(16px,1.6vw,18px);font-weight:500;margin:2px auto;padding:12px 20px;transition:.2s;-webkit-user-select:none;user-select:none}.submit-btn:hover{box-shadow:0 0 50px #fff}.submit-btn:active,.submit-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.submit-btn:active{-webkit-filter:sepia(.5);filter:sepia(.5)}@media only screen and (max-width:800px){h2{font-size:clamp(40px,10vw,60px)}input,textarea{width:100%}}@media only screen and (max-width:400px){h2{font-size:clamp(30px,12vw,60px)}.contact-links h2 img{height:100px;width:110px}.links{padding-top:30px}.link img{height:38px;width:38px}}html{scroll-behavior:smooth}#line-3{background-image:linear-gradient(90deg,#014f64,#00090c);display:block;height:5px;margin:10px auto 5rem;width:85px}.project{background:var(--main-heading);display:grid;font-family:Poppins;grid-template-columns:1fr 1fr 1fr}.procard{background-color:var(--cards-clr);border:1px solid #000;border-radius:2%;color:#999;font-size:15px;margin:auto;overflow:hidden;position:relative;transition:all .3s;width:88%}.procard:hover{box-shadow:0 0 40px #02b3e4}.procard img{border-radius:3%;height:230px;margin:16px 5px 5px 18px;width:90%}.procard p{margin:5px 15px 10px}.procard #proheading{border-radius:5px;color:var(--text-color-clr);font-family:Agbalumo;font-size:1.9em;margin:0 0 0 15px}#protag1{color:#00abab}#protag2{color:#ff0000b4}#protag3{color:#6fe402c1}.procard a img{border-radius:50%;height:40px;margin:20px 0 0 -60px;position:absolute;width:40px}.procard a img:hover{box-shadow:0 0 40px #000;transition:all 1s}@media (max-width:1080px){.procard{grid-column:1/span 3;margin-bottom:5%;width:50%}.procard p{font-size:1.4em}.procard #proheading{color:var(--text-color-clr);font-size:1.5em;margin:-5px 0 0 15px}.procard img{border-radius:3%;margin:15px 5px 5px 15px;width:94%}}@media (max-width:800px){.procard p{font-size:.9em}.procard #proheading{color:var(--text-color-clr);margin:-9px 0 0 15px}.procard img{border-radius:3%;height:200px;margin:15px 5px 5px 22px;width:85%}}@media (max-width:580px){.procard p{font-size:.65em}.procard #proheading{color:var(--text-color-clr);font-size:1.2em;margin:-5px 0 0 15px}.procard{grid-column:1/span 3;margin-bottom:5%;width:75%}.procard a img{height:30px;margin:22px 0 0 -45px;width:30px}.procard img{border-radius:3%;margin:15px 5px 5px 15px;width:90%}}
/*# sourceMappingURL=main.5ce32ebb.css.map*/