*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background:#131212;font-family:Poppins,sans-serif;font-weight:500}img{width:100%}.container{max-width:1224px;min-height:100vh;margin:0 auto;padding:7rem 1.5rem 0}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf)}.title{text-align:center;margin-bottom:3rem}.title span{color:#8c12f0;text-transform:uppercase;letter-spacing:5px;font-size:.75rem;font-weight:800}.title h1{color:#fff;font-size:3rem;position:relative}@media screen and (width<=500px){.container{padding:7rem 1rem 0}.title h1{font-size:2.5rem}}.about_container{grid-template-columns:repeat(2,1fr);place-items:center;display:grid;position:relative}@media screen and (width<=700px){.about_container{grid-template-columns:1fr}}.about_container .about_left{background:#f0a202;border-radius:5px;justify-self:center;max-width:350px;height:350px;box-shadow:0 0 10px #f0a202}.about_container .about_left img{object-fit:cover;width:100%;height:100%}.about_container .about_right{color:#fff;flex-direction:column;padding:1rem;display:flex}@media screen and (width<=700px){.about_container .about_right{margin-top:2rem;padding:0}}.about_container .about_right p{opacity:.88;max-width:480px;margin-bottom:1rem;font-size:.95rem;line-height:1.7}.about_container .about_right p strong{color:#f0a202;opacity:1;font-weight:600}.about_container .about_right .bio{max-width:220px;margin-bottom:1rem;font-size:.85rem;display:flex}.about_container .about_right .bio .bioKey{align-items:center;gap:.5rem;margin-right:3rem;display:flex}.about_container .about_right button{color:#000;text-transform:capitalize;cursor:pointer;width:165px;font-family:inherit;font-size:.85rem;font-weight:inherit;background:#fff;border:none;border-radius:10px;padding:.65rem 1rem;text-decoration:none}.contact_form{background:#fff;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin-left:auto;margin-right:auto;padding:2rem;display:grid;overflow:hidden}@media screen and (width<=700px){.contact_form{grid-template-columns:1fr}}.contact_form .contact_left_container h3{margin-bottom:1rem;font-size:1.5rem}.contact_form .contact_left_container .contact_text{margin-bottom:1rem;font-size:.85rem}.contact_form .contact_left_container .contact_left{align-items:center;margin-top:1rem;display:flex}.contact_form .contact_left_container .contact_left .icon{color:#fff;background:#f0a202;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1rem;display:flex}.contact_form .contact_left_container .contact_left p{font-size:.85rem}.contact_form .contact_left_container .social_icons{margin-top:1rem;display:flex}.contact_form .contact_left_container .social_icons div{cursor:pointer;margin-right:1rem}.contact_form .contact_left_container .social_icons div:hover{opacity:.8}.contact_form .contact_left_container .social_icons div svg{color:#0a2647;font-size:1.3rem}.contact_form .contact_right h3{margin-bottom:1rem;font-size:1.5rem}.contact_form .contact_right .row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;width:100%;display:grid}.contact_form .contact_right .row input{background:#f3f3f3;border:none;border-radius:5px;outline:none;margin-bottom:.5rem;padding:1rem 1.5rem;font-family:Poppins;font-size:.85rem}.contact_form .contact_right .row textarea{resize:none;background:#f3f3f3;border:none;border-radius:5px;outline:none;min-height:150px;margin-bottom:.5rem;padding:1rem 1.5rem;font-family:Poppins;font-size:.85rem}.contact_form .contact_right .btn{cursor:pointer;background:#f0a202;border:none;border-radius:10px;min-width:5rem;margin-top:1rem;padding:.65rem 1.25rem;font-family:Poppins;font-size:.85rem;transition:all .1s}.contact_form .contact_right .btn:hover{color:#fff;background:#0a2647}.contact_form .contact_right .btn:disabled{opacity:.65;cursor:not-allowed;color:#000;background:#f0a202}.contact_form .contact_right a{color:#fff;text-transform:capitalize;text-decoration:none}.footer{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:2rem;max-width:800px;margin-left:auto;margin-right:auto;padding:1rem 3rem;display:flex}.footer .copyright p{font-size:.85rem}.footer .copyright p span{color:#f0a202;font-weight:800}.footer .followMe{align-items:center;gap:1rem;display:flex}.footer .followMe h4{font-size:.85rem}.footer .followMe .stick{background:#fff;width:3rem;height:2px}.footer .followMe .social_icons{gap:.5rem;display:flex}.footer .followMe .social_icons svg{opacity:.7;cursor:pointer;color:#f0a202}.footer .followMe .social_icons svg:hover{opacity:1}#home{flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}#home:before{content:"";pointer-events:none;z-index:0;filter:blur(8px);background:radial-gradient(circle,#f0a20238 0%,#f0a20214 35%,#f0a20200 65%);width:min(750px,90vw);height:min(750px,90vw);position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}#home:after{content:"";opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");position:absolute;inset:0}#home .profile,#home .profile_text{z-index:1;position:relative}#home .profile{width:160px;height:160px}#home .profile img{object-fit:cover;object-position:center 34%;border-radius:50%;width:100%;height:100%}#home .profile_text{flex-direction:column;align-items:center;margin-top:1rem;display:flex;position:relative}#home .profile_text h3{color:#fff;font-size:2rem}@media screen and (width<=500px){#home .profile_text h3{font-size:1.5rem}}#home .profile_text h3 span{color:#f0a202}#home .profile_text .job{color:#fff;opacity:.5;font-size:.85rem}#home .profile_text .text{color:#fff;text-align:center;margin-top:2rem;font-size:5rem;line-height:1.3}@media screen and (width<=800px){#home .profile_text .text{margin-top:2rem;font-size:3.5rem}}@media screen and (width<=530px){#home .profile_text .text{font-size:2.5rem}}#home .profile_text a{color:#000;text-transform:capitalize;background:#fff;border-radius:10px;margin-top:3rem;padding:.65rem 1rem;font-size:.85rem;text-decoration:none}#home .profile_text div{color:#fff;cursor:pointer;background:#ffffff26;border-radius:25px;padding:.35rem 1rem;font-size:.85rem;position:absolute}@media screen and (width<=800px){#home .profile_text div{display:none}}#home .profile_text .web{top:3.5rem;right:-1rem}#home .profile_text .ui{top:2rem;left:2rem}#home .profile_text .freelance{bottom:2rem;left:0}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.buttons button{color:#000;text-transform:capitalize;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:1rem;padding:.65rem 1rem;font-family:Poppins;font-size:.85rem}.buttons button.active{color:#fff;background:#f0a202}.workImages{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:5rem;display:grid}@media screen and (width<=800px){.workImages{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=600px){.workImages{grid-template-columns:1fr}}.workImages .workImage{width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative}@media screen and (width<=600px){.workImages .workImage{max-width:350px}}.workImages .workImage img{object-fit:cover;width:100%;height:100%}.workImages .workImage .hoverLayer{z-index:5;background:#f0a202;border-radius:5px;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.workImages .workImage .hoverLayer a{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.workImages .workImage .hoverLayer a svg{color:#fff;font-size:1.5rem}.talk{border-radius:5px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:700px;margin-top:3rem;margin-left:auto;margin-right:auto;padding:1rem;display:flex}.talk .talk_left h3{color:#fff;font-size:1.5rem}.talk .talk_left h3 span{color:#f0a202;font-size:3.5rem}@media screen and (width<=599px){.talk .talk_left h3 span{font-size:2rem}}@media screen and (width<=360px){.talk .talk_left h3 span{font-size:1.5rem}}.talk .talk_right{background:#fff;border-radius:10px;align-self:flex-end;margin-bottom:1.5rem;padding:.65rem 1rem;font-size:.85rem}.talk .talk_right a{color:#000;text-transform:capitalize;text-decoration:none;transition:all .3s}.talk .talk_right a:hover{color:#fff}.scroll-progress{transform-origin:0%;z-index:100;pointer-events:none;background:linear-gradient(90deg,#f0a202 0%,#ff7b00 100%);height:3px;position:fixed;top:0;left:0;right:0}.select{justify-content:center;gap:1rem;margin-bottom:5rem;display:flex}.select button{color:#000;text-transform:capitalize;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:1rem;padding:.65rem 1rem;font-family:Poppins;font-size:.85rem}.select button.active{color:#fff;background:#f0a202}.skills{grid-template-columns:repeat(4,1fr);justify-content:center;row-gap:4rem;max-width:700px;margin-left:auto;margin-right:auto;display:grid}@media screen and (width<=500px){.skills{grid-template-columns:repeat(2,1fr);gap:2rem}}.skills .tools{justify-content:center;display:flex}.skills .tools svg{color:#fff;border-radius:20%;width:100px;height:100px;transition:all .3s}.skills .tools svg:hover{color:#f0a202}.experiencs{color:#fff;max-width:520px;margin-left:auto;margin-right:auto;padding-left:2.5rem;position:relative}.experiencs:before{content:"";border-left:2px dotted #f0a202;position:absolute;top:1rem;bottom:1rem;left:.5rem}.experiencs .experience{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex;position:relative}.experiencs .experience:last-child{margin-bottom:0}.experiencs .experience:before{content:"";box-sizing:border-box;background:#131212;border:2px solid #f0a202;border-radius:50%;width:14px;height:14px;transition:background .2s;position:absolute;top:50%;left:-2.375rem;transform:translateY(-50%);box-shadow:0 0 0 4px #131212}.experiencs .experience.current:before{background:#f0a202}.experiencs .experience .dateRange{color:#f0a202;letter-spacing:.3px;flex-direction:column;flex-shrink:0;gap:.15rem;width:90px;font-weight:600;line-height:1.2;display:flex}.experiencs .experience .dateRange span{font-size:.85rem}.experiencs .experience .dateRange span:last-child{opacity:.7;font-size:.78rem}@media screen and (width<=405px){.experiencs .experience .dateRange{width:70px}.experiencs .experience .dateRange span{font-size:.7rem}.experiencs .experience .dateRange span:last-child{font-size:.65rem}}.experiencs .experience .position{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.experiencs .experience .position .logo{flex-shrink:0;line-height:0;display:block}.experiencs .experience .position .logo img{object-fit:cover;border-radius:8px;width:42px;height:42px;display:block}.experiencs .experience .position .details{min-width:0}.experiencs .experience .position .details h3{margin:0;font-size:1rem;line-height:1.3}@media screen and (width<=405px){.experiencs .experience .position .details h3{font-size:.9rem}}.experiencs .experience .position .details p{opacity:.65;margin:.2rem 0 0;font-size:.8rem}@media screen and (width<=405px){.experiencs .experience .position .details p{font-size:.7rem}}.header{z-index:10;width:100%;position:fixed;top:0;left:0}.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26}.Nav_container{justify-content:space-between;align-items:center;max-width:1224px;margin-left:auto;margin-right:auto;padding:1.2rem 2rem;display:flex;position:relative}.Nav_container .logo{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.Nav_container .logo:hover{opacity:1;color:#fff;background:#f0a202}.Nav_container .logo a{text-transform:uppercase;color:#000;text-decoration:none}.Nav_container .social_icons{display:flex}@media screen and (width<=800px){.Nav_container .social_icons{display:none}}.Nav_container .social_icons div{margin-left:1rem}.Nav_container .social_icons div svg{cursor:pointer;color:#fff;opacity:.6;z-index:5;transition:all .3s}.Nav_container .social_icons div svg:hover{opacity:1;color:#f0a202}.Nav_container .menu{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:none;position:relative}@media screen and (width<=800px){.Nav_container .menu{justify-content:center;align-items:center;display:flex}}.Nav_container .menu svg{width:70%;height:70%}.Nav_container .closeMenu{background:#000;border-radius:50%;width:4rem;height:4rem;position:fixed;top:0;right:0}.Nav_container .menuX{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:2rem;left:0}.Nav_container .menuX svg{cursor:pointer;width:1.5rem;height:1.5rem;position:absolute;top:2rem;right:5rem}.Nav_container .menuX li{margin-top:1rem;list-style:none}.Nav_container .menuX li a{text-transform:uppercase;color:#fff;opacity:.6;font-size:1.5rem;text-decoration:none;transition:all .3s}.Nav_container .menuX li a:hover{opacity:1;color:#f0a202}.nav_links{list-style:none;display:flex}.nav_links li{margin-left:3rem}@media screen and (width<=800px){.nav_links li{display:none}}.nav_links li a{color:#fff;text-transform:uppercase;opacity:.6;border:0;font-size:.85rem;text-decoration:none;transition:all .2s}.nav_links li a:hover{color:#f0a202;opacity:1;border-bottom:1px solid #f0a202;overflow:hidden}