@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);html{scroll-behavior:smooth}:root{--bg-color:#fff;--text-color:#0f172a;--card-bg:#f8fafc;--accent-color:#10b981;--secondary-text:#475569;--card-content-bg:#ffffffe6;--card-title-color:#0f172a;--card-description-color:#475569;--input-bg:#f1f5f9;--input-color:#0f172a;--footer-bg:#f1f5f9}.dark-mode{--bg-color:#0f172a;--text-color:#fff;--card-bg:#1e293b;--secondary-text:#94a3b8;--card-content-bg:#0f172ae6;--card-title-color:#fbbf24;--card-description-color:#cbd5e1;--input-bg:#0f172a;--input-color:#fff;--footer-bg:#111}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none;transition:background-color .3s ease,color .3s ease}body{background-color:#fff;background-color:var(--bg-color);color:#0f172a;color:var(--text-color);min-height:100vh}span{color:#10b981;color:var(--accent-color)}.header{align-items:center;background-color:var(--bg-color);box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:10px 30px;position:sticky;top:0;transition:background-color .3s ease,color .3s ease;z-index:1000}.logo h1{color:var(--text-color);font-size:33px;font-weight:700;margin-left:20px}.logo h1 span{color:var(--accent-color)}.navbar{display:flex;flex-grow:1;justify-content:center}.navbar ul{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}.navbar ul li a{color:var(--text-color);cursor:pointer;font-size:19px;font-weight:450}ul li a:hover{filter:drop-shadow(0 0 10px var(--accent-color));text-decoration:underline}.header .button{margin-right:30px}.header .button .btn{background-color:initial;border:2px solid var(--text-color);border-radius:12px;box-shadow:0 0 12px var(--text-color);color:var(--text-color);cursor:pointer;font-size:17px;font-weight:700;outline:none;padding:10px;transition:.4s;width:130px}.header .button .btn:hover{border-radius:22px;scale:1.1}.hero{background-color:var(--bg-color);color:var(--text-color);display:flex;gap:20px;height:550px;justify-content:space-between;padding:60px;position:relative}.hero .image{align-items:center;background-color:initial;border:2px solid var(--text-color);border-radius:50%;box-shadow:0 22px 30px var(--text-color);display:flex;height:326px;justify-content:center;margin-left:20px;width:300px}.hero .image img{border-radius:50%;height:100%;width:100%}.hero .left{margin-left:50px;margin-top:45px;position:relative}.left h1{font-size:30px;font-weight:700}.left h3{font-size:26px;font-weight:700}.left h3 span{color:var(--accent-color)}.left p{color:var(--secondary-text);font-size:16px;font-weight:500;width:96%}.social-links-hero{display:flex;gap:15px;margin-top:25px}.social-btn{align-items:center;background:#0000;border:2px solid var(--text-color);border-radius:8px;color:var(--text-color);display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out}.social-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 5px 15px #10b9814d;color:#fff;scale:1.05}.social-btn svg{font-size:20px}.social-media{display:flex;flex-wrap:wrap;gap:10px;margin-right:50px;margin-top:40px;position:relative}.social-media li{align-items:center;border-radius:50%;box-shadow:0 0 12px var(--text-color);cursor:pointer;display:flex;height:50px;justify-content:center;margin:10px;transition:.4s;width:50px}.social-media li:hover{border:1px solid var(--text-color);box-shadow:0 15px 30px #10b98166;outline:none;scale:1.1}.social-media li a{color:var(--text-color);font-size:22px}@media (max-width:1024px){.button,.navbar{display:none}.hero{align-items:center;flex-direction:column;height:auto;padding:30px}.hero .image{height:250px;margin:0 auto;width:250px}.hero .left{margin:20px auto}.buttton,.hero .left{text-align:center}.social-media{flex-direction:row;justify-content:center;margin:20px auto}.social-media li{height:45px;width:45px}.social-media li a{font-size:20px}}@media (max-width:480px){.logo h1{font-size:25px}.hero .image{height:200px;width:200px}.left h1{font-size:24px}.left h3{font-size:20px}.left p{font-size:14px}.buttton .h-btn{font-size:14px;width:100px}.social-media{flex-direction:row;flex-wrap:wrap}.social-media li{height:40px;margin:5px;width:40px}.social-media li a{font-size:18px}}
/*# sourceMappingURL=main.9a70f2a0.css.map*/