@import url(https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap);@font-face{font-family:PixelifySans;src:url(assets/fonts/PixelifySans-VariableFont_wght.ttf)}:root{--primary-bg:#070811;--secondary-bg:#0A1322;--accent-bg:#0B1A3F;--interactive-bg:#0F2457;--text-color:#ffffff;--text-color-muted:#d2d2d2}.oxygen-light{font-family:Oxygen,serif;font-weight:300;font-style:normal}.oxygen-regular{font-family:Oxygen,serif;font-weight:400;font-style:normal}.oxygen-bold{font-family:Oxygen,serif;font-weight:700;font-style:normal}*{box-sizing:border-box;list-style-type:none;text-decoration:none;margin:0;padding:0}body{background-color:var(--primary-bg);color:#ffff;overflow:auto}nav{background-color:var(--secondary-bg);padding:20px;margin:auto;font-family:PixelifySans;position:relative}.navLink li{padding:0 10px;display:inline-block}.navLink li a{display:flex;color:var(--text-color)}.navLink li a:hover{color:var(--text-color-muted)}.navSocialIcon{float:right;position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex}.navSocialIcon a{color:#fff;padding:0 10px}.fa-github:hover,.fa-instagram:hover{color:var(--text-color-muted)}.btn-1{position:absolute;width:246px;height:57px;font-size:large;background:var(--interactive-bg);box-shadow:0 6px 15px rgba(0,0,0,.15);border-radius:24px;color:var(--text-color);left:150px;top:475px;border:none;outline:0;cursor:pointer;transition:.3s ease-in}.btn-1:hover{background:var(--interactive-bg-hover);transform:translate(0,-5px)}.diagonal-shape{background:#0b1a3f;position:absolute;top:-550px;left:0;right:0;height:850px;transform:skewY(135deg);z-index:-1}.diamond-shape{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1500px;height:1500px;background:#0b1a3f;z-index:-1}.round-shape{content:'';border-top-left-radius:100% 45%;border-top-right-radius:100% 45%;position:absolute;bottom:0;z-index:-1;width:100%;background-color:#0b1a3f;height:85%}.wave-shape{width:100%;height:100vh;background-color:#0b1a3f;position:absolute;top:50%;left:0;transform:translateY(-50%);clip-path:polygon(0 100%,0 30%,20% 45%,40% 30%,60% 45%,85% 30%,100% 45%,100% 100%);z-index:-1}body,html{height:100%;width:100%;margin:0}section.round-shape{color:#fff}.logo{position:relative;top:-15px;float:left;cursor:pointer}.qdLogo{position:absolute;left:100px;top:275px}.p1{position:absolute;left:160px;top:375px;font-family:PixelifySans;color:#fff;font-style:normal;font-weight:400;font-size:30px;line-height:35px}iframe{position:relative;width:641px;height:360px;left:990px;top:150px;border-radius:30px}.title2{font-family:Oxygen;display:flex;justify-content:center;flex-wrap:wrap;font-weight:700;font-size:50px;margin-top:45px;margin-bottom:-75px}.card-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:100px}.card{width:325px;border-radius:15px;transition:.3s;cursor:pointer;font-family:Oxygen;overflow:hidden;box-shadow:0 0 11px rgba(33,33,33,.2);background-color:#0d1634;margin:20px}.card:hover{box-shadow:0 6px 15px rgba(0,0,0,.15);transform:translate(0,-5px);background-color:#0f2457}.card img{width:100%;height:auto}.card-content{padding:16px}.card-content h3{font-size:28px;margin-bottom:3px}.box{padding:20px}.box-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;transform:translateY(450px);background-color:#0d1634;margin:1.7rem auto;border-radius:50px;width:min(700px,40%);padding:min(1rem);box-shadow:0 6px 15px #00000026}.box-content img{width:50px;cursor:pointer;height:auto;border-radius:15px;transition:.3s;max-width:100%}.box-content img:hover{transform:translateY(-6px)}.card-content .btn-2{display:inline-block;padding:8px 16px;transition:.3s;background-color:#0b1a3f;border-radius:5px;margin-top:10px;text-decoration:none}.card-content .btn-2:hover{background-color:#0a1322}.card-content .fa-brands{padding:0 3px}.container-2{max-width:900px;width:min(90%,900px);margin:2.5rem auto;background:#0f2457;padding:clamp(1.25rem,5vw,1.875rem);bottom:-50px;border-radius:50px;text-align:center;color:#fff;font-family:Oxygen,sans-serif;position:relative;box-shadow:0 6px 15px rgba(0,0,0,.15)}.container-3{width:900px;margin:20px auto;background:#0f2457;padding:30px;bottom:-50px;border-radius:50px;text-align:center;color:#fff;font-family:Oxygen;position:relative;transition:.3s}.container-3:hover{background:var(--interactive-bg-hover);box-shadow:0 6px 15px rgba(0,0,0,.15);transform:rotate(1deg)}.img-container{scale:.4;display:inline-block}.container-2 h3{font-weight:700;font-size:2.5vh;margin-left:5px;line-height:2;text-align:left}.container-2 p{font-weight:200;line-height:1.3;margin-left:5px;text-align:left}span{font-weight:700}.footer{background-color:#0a1322;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,auto));gap:1.3em;position:fixed;bottom:0;left:0;right:0;font-family:Oxygen}.footerContent li{margin-bottom:12px}.footerContent li a{display:inline-block;color:#fff;font-size:15px}.footerLink li{padding:0 2px;display:inline-block}section.footer{padding:40px 5% 20px}@media (min-width:900px){.box-content img{width:90px}}@media screen and (max-width:640px){nav{padding:25px}.box-content{gap:30px;transform:translateY(-450px);background-color:#0d1634;margin:1.7rem auto;border-radius:50px;width:min(100px,40%);padding:min(1rem);overflow:scroll}.container-2{width:350px;top:40px;height:400px;margin:24px auto;padding:30px}.container-3{width:325px;margin:24px auto;background:#0f2457;padding:35px;bottom:-50px;box-shadow:0 6px 15px rgba(0,0,0,.15)}.wave-shape{display:none}.logo{position:relative;top:-10px;float:left;cursor:pointer}.round-shape{border-top-left-radius:100% 15%;border-top-right-radius:100% 15%}}@media screen and (max-width:768px){.navSocialIcon{position:static;margin-top:-45px;transform:none}.qdLogo{position:static;margin:0 auto;display:block;width:350px}.p1{position:static;align-items:center;text-align:center;margin:0 0;font-size:22px}iframe{display:none}.btn-1{position:static;margin:20px auto;display:block}}