@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;font-family:Poppins,sans-serif}html{font-size:63%}body{width:100%;height:100%;overflow-x:hidden;background-color:#0c090b;color:#fefefe}header{margin-top:20px;position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background:transparent;filter:drop-shadow(10px);display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:4rem;color:#bfceb2;font-weight:500;cursor:pointer;transition:.5s ease}.logo:hover{transform:scale(1.1)}nav a{font-size:2rem;color:#fefefe;margin-left:3.9rem;font-weight:500;transition:.3 ease;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:#bfceb2;border-bottom:3px solid}@media (max-width:995px){nav{position:absolute;top:100%;right:0;width:40%;border-left:3px solid #BFCEB2;border-bottom:3px solid #BFCEB2;border-bottom-left-radius:2rem;padding:1rem solid;background-color:#1c1c1b;border-top:.1rem solid rgba(0,0,0,.1)}nav.active{display:block}nav.a{display:block;font-size:2rem;margin:3rem 0}nav a:hover,nav a.active{padding:.1rem;border-radius:.5rem;border-bottom:.5rem solid #BFCEB2}}section{min-height:100vh;padding:5rem 9%}.home{display:flex;justify-content:center;align-items:center;gap:8rem;background:linear-gradient(to bottom right,#0f120d,#0c090b)}.home .home-content h1{font-size:6rem;font-weight:700;line-height:1.3}span{color:#bfceb2}.home-content h3{font-size:4rem;margin-bottom:1rem;font-weight:700}.home-img{border-radius:50%}.home-img img{position:relative;width:32vw;border-radius:50%;box-shadow:0 0 25px solid #bfceb2;cursor:pointer;transition:.2s linear}.home-img img:hover{font-size:1.8rem;font-weight:490}.social-icons a{display:inline-flex;justify-content:center;align-items:center;width:4.3rem;height:4.3rem;background-color:transparent;border:.2px solid #BFCEB2;font-size:2.2rem;border-radius:50%;margin:3rem .75rem;transition:.2s ease;color:#e9f5b3}.social-icons a:hover{color:#10140e;transform:scale(1.3) translateY();background-color:#bfceb2;box-shadow:0 0 10px #bfceb2}.btn{display:inline-block;padding:1rem 2.8rem;background-color:#10140e;border-radius:4rem;font-size:1.6rem;color:#bfceb2;letter-spacing:.1rem;font-weight:600;border:2px solid #BFCEB2;transition:.2s ease;cursor:pointer}p{font-size:16px;text-align:justify}.btn:hover{transform:scale3d(1.03);background-color:#bfceb2;color:#10140e;box-shadow:0 0 10px #bfceb2}.contact-content{max-width:760px;padding:2.5rem;background:#101010f5;border:1px solid rgba(191,206,178,.35);border-radius:2rem;box-shadow:0 0 30px #bfceb21f}.contact-content h1{font-size:4rem;margin-bottom:1.2rem}.contact-content p{font-size:1.7rem;line-height:1.8;color:#dee0d5}.contact-form{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem}.contact-form label{font-size:1.6rem;color:#fefefe}.contact-form input,.contact-form textarea{width:100%;padding:1.1rem 1.2rem;border:1px solid #BFCEB2;border-radius:1.2rem;background-color:#121212;color:#fefefe;font-size:1.6rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9fa08f}.contact-note{margin-top:1.5rem;font-size:1.6rem;color:#d8d9c4}.skill-list{list-style:none;margin-top:1.5rem;padding:0}.skill-list li{font-size:2rem;padding:.75rem 0;border-bottom:1px solid rgba(191,206,178,.15);display:flex;align-items:center}.skill-list li i{margin-right:1rem;color:#bfceb2;font-size:2.5rem;width:3rem;text-align:center}.skill-list li small{display:inline-block;margin-left:.8rem;font-size:1.4rem;color:#d8d9c4;font-weight:400}.home-content h2{font-size:3rem;margin-top:2rem;color:#fefefe}.service-content{max-width:820px;margin-top:2rem;padding:2rem;background:#1f1f1fcc;border:1px solid rgba(191,206,178,.3);border-radius:1.5rem;box-shadow:0 0 15px #bfceb21a}.service-page{align-items:flex-start;padding-top:16rem}.service-content h1{font-size:4.5rem;margin-bottom:1rem}.service-intro p{font-size:1.8rem;line-height:1.9;color:#dee0d5;margin-bottom:1.8rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:1.8rem}.service-card{background:#1f1f1fcc;border:1px solid rgba(191,206,178,.3);border-radius:1.5rem;padding:1.8rem;box-shadow:0 0 15px #bfceb21a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #bfceb233}.service-card-icon{width:3.8rem;height:3.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#bfceb2,#8fa77a);color:#10140e;margin-bottom:1.2rem;font-size:1.8rem}.service-card h2{font-size:2.2rem;color:#fefefe;margin-bottom:1rem}.service-card p{font-size:1.6rem;color:#dee0d5;line-height:1.7;flex-grow:1}.service-content p:last-of-type{margin-top:.8rem}.experience-content{max-width:900px;padding:2.5rem;background:#101010f5;border:none;border-radius:2rem;box-shadow:none}.experience-content h1{font-size:4.5rem;margin-bottom:1rem}.experience-content p{font-size:1.8rem;line-height:1.9;color:#dee0d5;margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:#1f1f1fcc;border:1px solid rgba(191,206,178,.3);border-radius:1.5rem;padding:2rem;box-shadow:0 0 15px #bfceb21a;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.project-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #bfceb233}.project-card h3{font-size:2.5rem;color:#fefefe;margin-bottom:1rem}.project-card p{font-size:1.6rem;color:#dee0d5;margin-bottom:0;line-height:1.7;flex-grow:1}.project-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;align-self:flex-start}.project-card .btn{padding:.8rem 1.5rem;font-size:1.6rem;margin-top:1rem;align-self:flex-start}.typing-text{font:size 34px;font-weight:600;min-width:280px}.typing-text span{position:relative}.typing-text span:before{content:"software Developer";color:#bfceb2;animation:words 8s infinite}.typing-text span:after{content:"";background-color:#10140e;position:absolute;width:calc(100%+8px);height:100%;border-left:3px solid #10140E;right:-8;animation:cursor .2 infinite}@keyframes cursor{to{border-left:3px solid}}@keyframes words{0%,20%{content:"Data Analyst"}21%,35%{content:"Fronty"}36%,60%{content:"AI Engineer"}61%,80%{content:"Gamer"}81%,to{content:"PC Enthusiast"}}@media (max-width: 1000px){.home{gap:4rem}}@media (max-width:995px){.home{flex-direction:column;margin:5rem 4rem}.home .home-content h3{font-size:2.5rem}.home-content h1{font-size:5rem}.home-img img{width:70vw;margin-top:4rem}}