@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;text-decoration:none;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--ff);margin-top:4rem;height:calc(100vh - 4rem)}header{position:fixed;top:0;left:0;width:100%;transition:.5s;height:4rem;z-index:9999}section{min-height:91vh;scroll-margin:4rem;margin-bottom:2rem;padding:0 3rem}.wrapper{max-width:1216px;width:100%;margin-inline:auto}.wrapper__lg{max-width:1500px;padding:0 2rem;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}strong{font-weight:var(--fw-bold)}h1,h2,h3{line-height:1;margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.yellow{color:var(--clr-accent-500)}.green{color:var(--clr-accent-900)}.accent{color:var(--clr-accent)}.gray-out{opacity:.1}.non{opacity:1}.icon svg path{fill:var(--clr-text)}.social-icon{display:flex;position:relative;align-items:center;border-radius:1rem;transition:transform .3s ease;padding:.5rem;cursor:pointer}.social-icon svg path{fill:var(--clr-text)}.social-icon:hover svg path{fill:var(--clr-accent)}.social-icon:hover{transform:translateY(-4px);filter:drop-shadow(0px 0px .5rem rgba(255,255,255,.3))}.btn{padding:1rem;background-color:var(--clr-accent);color:var(--clr-text);font-size:var(--fs-reg);font-weight:var(--fw-bold);max-width:100px;border-radius:1rem;border:0}:root{--ff: "Poppins", sans-serif;--clr-primary: #070709;--clr-secondary: #1f1f1f;--clr-accent: #dd5201;--clr-text: #fff;--clr-hover: #3a3939;--fw-reg: 300;--fw-bold: 900;--fs-h1: 4.5rem;--fs-h2: 2.5rem;--fs-h3: 1.5rem;--fs-body: 1.25rem;--fs-sm: .9rem;--clr-bg: var(--clr-primary)}@media (width < 768px){:root{--fs-h1: 3.5rem;--fs-h2: 2rem;--fs-h3: 1.25rem;--fs-body: 1.15rem}section{padding:0 1rem}.nav{padding:0 2rem}}@media (width < 576px){:root{--fs-h1: 3rem;--fs-h2: 2rem;--fs-h3: 1rem;--fs-body: .75rem;--fs-sm: .8rem}section{padding:0 .5rem}.skills__content{grid-template-columns:repeat(4,1fr)}}