.header{z-index:9999;padding:0 2rem;margin:0;height:4rem;width:100%;display:flex;position:fixed;top:0;background-color:var(--clr-secondary)}@media (min-width: 60em){.header{padding:4rem 2rem;height:5rem;justify-content:center}}.logo{display:flex;align-items:center;overflow:hidden;width:100%;z-index:10;height:4rem;background-color:var(--clr-secondary)}.logo h1{margin:0;color:var(--clr-Primary)}.navbar{z-index:99997;width:100%;display:flex;align-items:center}@media (min-width: 60em){.navbar{width:1200px}}.nav-menu{z-index:-1;margin:0;padding:1rem 2rem;display:grid;place-items:center;position:absolute;top:-30vh;top:-30svh;left:0;width:100%;height:3%;height:30svh;transition:.3s;background:var(--clr-secondary);list-style-type:none}@media (min-width: 60em){.nav-menu{padding:0;gap:2rem;display:flex;justify-content:end;position:static;height:100%}}.nav-menu.open{right:0;top:4rem;background:var(--clr-secondary)}@media (min-width: 60em){.menu-item{display:flex;width:auto;padding:0}}.hamburger{display:block;z-index:20}@media (min-width: 60em){.hamburger{display:none}}.hamburger.open .hamburger-bar:nth-child(2){opacity:0}.hamburger.open .hamburger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger-bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--clr-primary)}.nav-link{color:var(--clr-primary);font-weight:900;padding:.5rem .75rem;border-radius:3px}@media (min-width: 60em){.nav-link{font-size:1.2rem;font-weight:600}}.nav-link:hover,.nav-link:focus{color:var(--clr-secondary);background:var(--clr-secondary-accent)}.nav-link.active{color:var(--clr-secondary);background:var(--clr-secondary-accent)}.githubLink svg{width:35px}.current-focus-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (min-width: 40em){.current-focus-container{grid-template-columns:repeat(5,1fr)}}.current-focus-item{display:flex;flex-direction:column;align-items:center;color:var(--clr-primary)}.current-focus-item>span{font-weight:700}@media (min-width: 60em){.current-focus-item>span{font-size:1rem}}.tech-logo{margin:0 0 .5rem;width:100%;display:grid;place-items:center;padding:1.5rem;border-radius:.5rem;background-color:none;aspect-ratio:1}@media (min-width: 60em){.tech-logo{padding:1.25rem}}.about,.skill-charts{display:flex;flex-direction:column;margin:0 1rem 1rem}.about h2{margin:0 0 .6rem}.about-text{margin:0 0 3rem}.about-text .about-header{margin:0 0 2rem}.skill-charts{width:100%;gap:3rem}@media (min-width: 60em){.skill-charts,.about{--column-gap: 6rem;margin:0}.skill-charts{width:calc(40% - var(--column-gap) / 2)}.about{width:calc(60% - var(--column-gap) / 2)}}.skill-chart{width:100%}.skill-chart h2{margin:0 0 1rem}.chart-footer{margin:.5rem 0 0;display:flex;justify-content:space-between;opacity:.5}.skill-bars{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;background-image:linear-gradient(90deg,rgba(209,207,215,.25) 2px,transparent .1em);background-size:25%;background-position:32% 50%}.barUnit{font-weight:700;letter-spacing:.1rem}.bar{height:1.65rem;background-color:var(--clr-secondary-accent);width:0;transform-origin:center left}.barCopy span{padding:.125rem 0 x;background:var(--clr-secondary)}.banner-container{width:100%;display:grid;gap:2rem;justify-content:center}@media (min-width: 60em){.banner-container{display:flex;flex-direction:column}}@media (min-width: 80em){.banner-container{display:grid;grid-template-columns:repeat(2,1fr)}}.banner-card{padding:0;width:100%;margin:0;background:var(--clr-primary);color:var(--clr-secondary)}.banner-card h4{color:var(--clr-secondary);margin:0}.banner-card .agency{font-weight:700;font-size:1.1rem}.banner-card p{margin:0 0 1rem;font-size:1.1rem}.banner-card iframe{border:0;overflow:hidden}.banner-card .banner-info{padding:1rem}@media (min-width: 60em){.banner-card{display:flex;width:100%;padding:0;margin:0}}@media (min-width: 70em){.banner-card{display:flex;width:100%;padding:0;margin:0}}.website-container{width:100%;display:flex;flex-direction:column;gap:2rem;justify-content:center}@media (min-width: 60em){.website-container{display:grid;grid-template-columns:1fr;margin:0 0 2rem}}.website-card{padding:0;margin:0;width:100%;background:var(--clr-primary);color:var(--clr-secondary)}.website-card h2{color:var(--clr-secondary)}@media (min-width: 60em){.website-card{display:flex}.website-card a{width:100%}.website-card a>img{width:100%}}.website-image{width:100%;background:#333}.website-image img{width:100%}.website-info{padding:2rem;width:100%}.website-info h2{margin:0}@media (min-width: 60em){.website-info img{width:100%}}.work-description{margin:.75rem 0 1.5rem}.work-description p{margin:.35rem 0;line-height:1.45rem}.work-tasks{padding:0 1rem 0 0;margin:0}.not-found{margin:0;padding:0;width:100%;height:100svh;display:grid;place-content:center}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:root{--clr-primary: hsl(240, 25%, 94%);--clr-secondary: hsl(205, 28%, 12%);--clr-accent: hsl(191, 34%, 12%);--clr-secondary-accent: hsl(191, 12%, 74%);--icon-clr-one: var(--clr-primary);--icon-clr-two: var(--clr-accent)}html{background-color:var(--clr-secondary);background-repeat:no-repeat}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--clr-primary)}a{color:var(--clr-primary);text-decoration:none}p{font-size:1.15rem;font-weight:300}h1,h2,h3,h4,.logo{color:var(--clr-primary)}h1{font-size:1.5rem;font-weight:900;letter-spacing:.1rem}h2{font-size:1.5rem;font-weight:900}h3{margin:0;padding:0;font-size:1.75rem;font-weight:900;letter-spacing:.02rem;line-height:2.1rem;text-wrap:pretty;display:inline}h4{margin:0;padding:0;font-size:1.15rem;font-weight:900;letter-spacing:.02rem;line-height:1.75rem}@media (min-width: 40em){h1{font-size:2rem;font-weight:700}h2{font-size:rem;font-weight:700;letter-spacing:.05rem}h3{margin:0;padding:0;font-size:3rem;font-weight:700;line-height:3.2rem;letter-spacing:.05rem}}.container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin:2rem 1rem 0;padding:3rem 0;max-width:100%}@media (min-width: 60em){.container{margin:8rem 3rem}}@media (min-width: 78em){.container{margin:9rem auto;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px}}.header-mask{overflow:hidden}.btn{border:0;align-items:center;background-color:var(--clr-secondary);color:var(--clr-primary);padding:1rem;font-weight:900;text-decoration:none;-webkit-user-select:none;user-select:none;width:auto}.btn:hover,.btn:focus{background-color:var(--clr-primary);color:var(--clr-accent)}.btn:active{background-color:var(--clr-primary);color:var(--clr-accent)}.contact{width:100%;margin:0 0 3rem}.contact h2{margin:0}@media (min-width: 60em){.contact{width:50%}}input[type=text],select,textarea{width:100%;padding:12px;border:none;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical;background-color:var(--clr-accent-100)}input[type=submit]{background-color:var(--clr-primary);color:var(--clr-secondary);padding:12px 20px;font-weight:900;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#fb8332}::placeholder{color:#333;opacity:1}::-ms-input-placeholder{color:red}