@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{margin:0;padding:0}.home{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;gap:50px;justify-content:space-between;min-height:100vh;padding:60px 10%}.home-content{max-width:600px}.home-content>button{background:#ffffff26;border:1px solid #00e0ff;border-radius:20px;color:#00e0ff;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px}.home-content h1{font-size:48px;font-weight:600;margin-bottom:10px}.home-content h1 b{color:#00e0ff}.home-content h3{color:#cfd8dc;font-size:24px;font-weight:500;margin-bottom:15px}.home-content h4{color:#b0bec5;font-size:16px;font-weight:400;line-height:1.6;margin-bottom:30px}.home-btns{display:flex;gap:15px;margin-bottom:30px}.btn-primary{background:#00e0ff;border:none;border-radius:30px;color:#000;cursor:pointer;font-size:15px;padding:12px 26px;transition:.3s ease}.btn-primary:hover{background:#00bcd4}.btn-secondary{background:#0000;border:1px solid #00e0ff;border-radius:30px;color:#00e0ff;cursor:pointer;font-size:15px;padding:12px 26px;transition:.3s ease}.btn-secondary:hover{background:#00e0ff;color:#000}.social_media button{align-items:center;background:#0000;border:1px solid #00e0ff;color:#00e0ff;display:flex;height:42px;justify-content:center;transition:.3s ease;width:42px}.social_media button:hover{background:#00e0ff;color:#000;transform:translateY(-4px)}.Image img{border:4px solid #00e0ff;border-radius:50%;box-shadow:0 0 40px #00e0ff66;height:350px;object-fit:cover;width:350px}@media (max-width:900px){.home{flex-direction:column-reverse;padding:40px 5%;text-align:center}.home-btns{justify-content:center}.home-content h1{font-size:38px}.Image img{height:280px;width:280px}}*{box-sizing:border-box;font-family:Poppins,sans-serif}.about{align-items:center;background:#0f172a;color:#e5e7eb;display:flex;gap:60px;min-height:100vh;padding:80px 10%}.left{flex:1 1}.left h1{font-size:36px;margin-bottom:15px}.left h3{color:#cbd5f5;font-size:18px;font-weight:400;line-height:1.6;margin-bottom:25px}.left img{border-radius:16px;box-shadow:0 20px 50px #0006;max-width:420px;width:100%}.right{flex:1.2 1}.right h1{color:#f8fafc;font-weight:600;line-height:1.4}.right h3{color:#d1d5db;font-size:16px;font-weight:400;line-height:1.8;margin-bottom:25px}.right h4{background:#38bdf814;border-left:4px solid #38bdf8;border-radius:10px;color:#e5e7eb;font-size:15px;font-weight:400;line-height:1.9;padding:20px}@media (max-width:900px){.about{flex-direction:column;padding:60px 6%;text-align:center}.left img{margin:0 auto}.right h4{text-align:left}}@media (max-width:600px){.about{padding:40px 20px}.left h1{font-size:28px}.right h1{font-size:22px}.left h3,.right h3,.right h4{font-size:14px}.right h4{padding:16px}}.skills{background:#020617;color:#e5e7eb;padding:80px 10%;text-align:center}.skills h1{color:#38bdf8;font-size:36px;margin-bottom:50px}.skills-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.skill-card{background:#ffffff0d;border-radius:16px;padding:40px 20px;transition:.3s ease}.skill-card:hover{box-shadow:0 15px 40px #0006;transform:translateY(-8px)}.skill-icon{font-size:55px;margin-bottom:15px}.skill-card h3{font-size:18px;font-weight:500}@media (max-width:900px){.skills-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.skills-container{grid-template-columns:1fr}}.contact{background-color:#0f172a;box-sizing:border-box;color:#fff;font-family:Segoe UI,sans-serif;min-height:100vh;padding:60px 8%;width:100%}.top{margin-bottom:50px;text-align:center}.top h1{color:#38bdf8;font-size:42px;margin-bottom:10px}.top h3{color:#cbd5f5;font-size:18px;font-weight:400}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;width:100%}.left,.right{background:#020617;border-radius:12px;padding:30px}.left h1{color:#38bdf8;font-size:28px;margin-bottom:20px}.left label{color:#94a3b8;font-size:14px}.left h2{font-size:16px;font-weight:500;margin-bottom:15px}.social_media{display:flex;gap:15px;margin-top:20px}.social_media button{background:#1e293b;border:none;border-radius:50%;color:#38bdf8;cursor:pointer;font-size:20px;height:45px;transition:all .3s ease;width:45px}.social_media button:hover{background:#38bdf8;color:#020617}.right h1{color:#38bdf8;font-size:28px;margin-bottom:20px}form{display:flex;flex-direction:column;gap:12px}form label{color:#94a3b8;font-size:14px}form input,form textarea{background:#1e293b;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px;width:100%}form textarea{height:120px;resize:none}form input::placeholder,form textarea::placeholder{color:#64748b}form button{background:#38bdf8;border:none;border-radius:8px;color:#020617;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px;transition:background .3s ease}form button:hover{background:#0ea5e9}@media (max-width:768px){.contact{min-height:auto;padding:40px 5%}.top{margin-bottom:30px}.top h1{font-size:28px}.top h3{font-size:16px}.contact-content{gap:25px;grid-template-columns:1fr}.left,.right{padding:20px}.left h1,.right h1{font-size:22px}.left h2{font-size:15px}form input,form textarea{font-size:13px;padding:10px}form textarea{height:100px}form button{font-size:15px;padding:10px}.social_media{justify-content:center}.social_media button{font-size:18px;height:40px;width:40px}}.project{background-color:#0f172a;color:#fff;font-family:Segoe UI,sans-serif;min-height:100vh;padding:60px 8%;text-align:center;width:100%}.project h1{color:#38bdf8;font-size:42px;margin-bottom:10px}.project h3{color:#cbd5f5;font-size:18px;font-weight:400;margin-bottom:50px}.project_session{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project_card{background-color:#020617;border-radius:12px;padding:15px;transition:transform .3s,box-shadow .3s}.project_card:hover{box-shadow:0 10px 25px #00000080;transform:translateY(-5px)}.project_card .image img{border-radius:8px;height:200px;margin-bottom:15px;object-fit:cover;width:100%}.project_card h3{color:#38bdf8;font-size:20px;margin-top:0}@media (max-width:768px){.project_session{grid-template-columns:1fr 1fr}}@media (max-width:480px){.project_session{grid-template-columns:1fr}}.footer{background-color:#020617;color:#fff;font-family:Arial,sans-serif;padding:40px 0;text-align:center}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto;max-width:1200px}.footer-section{flex:1 1;margin:20px;min-width:200px}.footer-list{list-style:none;padding:0}.footer-list li a{color:#fff;display:block;margin:5px 0;text-decoration:none}.footer-social a{color:#fff;margin:0 10px;text-decoration:none}.footer-copy{border-top:1px solid #555;font-size:14px;margin-top:20px;padding-top:20px}.Sign{background:#020617;border-radius:14px;box-shadow:0 15px 35px #00000073;max-width:100%;padding:30px;width:380px}.Sign h1{color:#38bdf8;margin-bottom:25px;text-align:center}.Sign label{color:#94a3b8;display:block;font-size:14px;margin-bottom:6px}.Sign input{background:#1e293b;border:none;border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;outline:none;padding:12px;width:100%}.Sign input::placeholder{color:#64748b}.Sign button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;padding:12px;transition:.3s ease;width:100%}.Sign button[type=submit]{background:#38bdf8;color:#020617}.Sign button[type=submit]:hover{background:#0ea5e9}.Sign button[type=login]{background:#0000;border:1px solid #38bdf8;color:#38bdf8}.Sign button[type=login]:hover{background:#38bdf8;color:#020617}@media (max-width:480px){.Sign{padding:22px}.Sign h1{font-size:22px}}.Account_creation{align-items:center;background:#0f172a;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.Login{background:#020617;border-radius:14px;box-shadow:0 15px 35px #00000073;box-sizing:border-box;margin:0 auto;max-width:100%;padding:30px;width:380px}.Login h1{color:#38bdf8;margin-bottom:25px;text-align:center}.Login label{color:#94a3b8;display:block;font-size:14px;margin-bottom:6px}.Login input{background:#1e293b;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;margin-bottom:16px;outline:none;padding:12px;width:100%}.Login input::placeholder{color:#64748b}.Login button{background:#38bdf8;border:none;border-radius:8px;color:#020617;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:.3s ease;width:100%}.Login button:hover{background:#0ea5e9}@media (max-width:480px){.Login{padding:22px}.Login h1{font-size:22px}.Login input{font-size:13px;padding:10px}.Login button{font-size:15px;padding:10px}}.Profile_creation{align-items:center;background:#0f172a;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:50px 20px}.card{background-color:#020617;border-radius:15px;box-shadow:0 10px 25px #0000001a;padding:30px 20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:350px}.card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.card img.avatar{background-color:#f0f0f0;border:4px solid #00e0ff;border-radius:50%;height:120px;margin-bottom:20px;margin-left:90px;object-fit:cover;transition:transform .3s ease;width:120px}.card img.avatar:hover{transform:scale(1.05)}.card h1{color:#fff;font-size:24px;margin-bottom:10px}.card p{color:#fff;font-size:16px;margin:5px 0}.social{gap:15px;margin-top:20px}.social,.social button{display:flex;justify-content:center}.social button{align-items:center;background:#0000;border:1px solid #00e0ff;border-radius:50%;color:#00e0ff;cursor:pointer;font-size:20px;height:42px;transition:.3s ease;width:42px}.social button:hover{background:#00e0ff;color:#000;transform:translateY(-4px)}@media (max-width:400px){.card{padding:25px 15px;width:90%}.card h1{font-size:20px}}
/*# sourceMappingURL=main.665cc5fa.css.map*/