@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Raleway:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%;scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within,html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flex{display:flex;gap:var(--gap, 1rem)}.grid{display:grid;gap:var(--gap, 1rem)}.grid-col-3{display:grid;grid-template-columns:repeat(3,1fr)}.d-block{display:block}.d-none{display:none}.flow>*:where(:not(:first-child)){margin-top:var(--flow-space, 1rem);outline:1px solid red}.container{padding-inline:2em;margin-inline:auto;max-width:80rem}.visibile{opacity:1}.hidden{opacity:0}.center-row{align-items:center}:root{--clr-primary-bg: 207 19% 9%;--clr-dark: hsl(219, 14%, 20%);--clr-light: 0 0% 100%;--clr-dark-black: hsl(0, 0%, 19%);--clr-dark-black2: hsl(0, 0%, 5%);--clr-dark-blue1: hsl(215, 50%, 23%);--clr-dark-blue2: hsl(216, 34%, 30%);--clr-highlight: hsl(170, 82%, 48%);--clr-highlight2: 170 82% 48%;--clr-light-blue: hsl(182, 43%, 76%);--clr-neutral-blue: hsl(205, 39%, 44%);--fs-900: 4.675rem;--fs-800: 3.125rem;--fs-700: 1.75rem;--fs-600: 1rem;--fs-500: .875rem;--fs-400: .563rem;--fs-300: .5rem;--fs-200: .4375rem;--ff-main:"Raleway", sans-serif;--ff-highlight: "Black Ops One", cursive;--fw-lite: 300;--fw-reg: 400;--fw-med: 500;--fw-semibold: 600;--fw-exbold: 800;--fw-heavy: 900;--level-one: translateZ(3rem);--level-two: translateZ(6rem);--level-three: translateZ(9rem);--fw-normal: 400;--fw-bold: 700;--clr: #b7c9e5;--animate-speed: .3s}@media (min-width: 60em){:root{--fs-900: 8.375rem;--fs-800: 6.25rem;--fs-700: 3.5rem;--fs-600: 2rem;--fs-500: 1.75rem;--fs-400: 1.225rem;--fs-300: 1rem;--fs-200: .875rem}}.glass-bg{background:hsl(27,10%,90%,.9)}@supports (backdrop-filter: blur(25px) brightness(170%)){.glass-bg{background:hsl(27,10%,90%,.5);backdrop-filter:blur(25px) brightness(170%)}}.bg-dark{background-color:hsl(var(--clr-dark))}.bg-light{background-color:hsl(var(--clr-light))}.txt-dark{color:hsl(var(--clr-dark))}.txt-light{color:hsl(var(--clr-light))}.txt-highlight{color:var(--clr-highlight)}.uppercase{text-transform:uppercase}.fs-900{font-size:var(--fs-900)}.fs-800{font-size:var(--fs-800)}.fs-700{font-size:var(--fs-700)}.fs-600{font-size:var(--fs-600)}.fs-500{font-size:var(--fs-500)}.fs-400{font-size:var(--fs-400)}.fs-300{font-size:var(--fs-300)}.fs-200{font-size:var(--fs-200)}.fw-lite{font-weight:var(--fw-lite)}.fw-reg{font-weight:var(--fw-reg)}.fw-med{font-weight:var(--fw-med)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.fw-exbold{font-weight:var(--fw-exbold)}.fw-heavy{font-weight:var(--fw-heavy)}.fs-900,.fs-800,.fs-700,.fs-600{line-height:1.1}.ff-highlight{font-family:var(--ff-highlight)}body{background-color:hsl(var(--clr-primary-bg));font-family:var(--ff-main);height:100%;position:relative}.btn-link{display:inline-block;padding:.5em 2.5em;background:var(--clr-dark-black2);color:var(--clr-highlight);border:var(--clr-highlight) solid .2em;text-decoration:none;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:var(--fw-bold);transition:transform .2s ease-in-out}.btn-link:hover,.btn-link:active,.btn-link:focus{color:#fff;background-color:var(--clr-highlight)}header{background-color:hsl(var(--clr-primary-bg));color:#fff;position:fixed;display:flex;width:100%;height:80px;top:0;z-index:100}nav{--gap: 0;flex-direction:column;align-items:flex-start;width:100%}.nav-logo{font-size:1.76rem}nav a{color:#fff;padding:1em}.nav-list{display:none;width:100%;flex-direction:column;background-color:hsl(var(--clr-primary-bg))}.nav-list.nav-active{display:flex}.nav-list li{text-align:center}.nav-list li a{color:#fff;font-weight:var(--fw-exbold);padding:1em;display:block}.nav-list li a:hover,nav a:hover{background-color:var(--clr-highlight)}.nav-hamburger{--clr-hamburger: white;position:absolute;top:.75rem;right:1rem;background:transparent;border:4px solid var(--clr-hamburger)}.nav-hamburger :is(:hover,:active){--clr-hamburger: var(--clr-highlight)}.hamburger{--clr-bars: var(--clr-hamburger)}.nav-hamburger .line{transition:y .3s ease-in .3s,rotate .3s ease-in,opacity 0ms .3s;transform-origin:center}.nav-hamburger[aria-expanded=true] .line{transition:y .3s ease-in,rotate .3s ease-in .3s,opacity 0ms .3s}.nav-hamburger[aria-expanded=true] :is(.top,.bottom){y:45}.nav-hamburger[aria-expanded=true] .top{rotate:45deg}.nav-hamburger[aria-expanded=true] .middle{opacity:0}.nav-hamburger[aria-expanded=true] .bottom{rotate:-45deg}@media (min-width: 60em){nav{width:100%;padding-inline:1em;flex-direction:row;justify-content:space-between;align-items:center}.nav-hamburger{display:none}.nav-list{display:flex;width:auto;flex-direction:row}}main{height:100vh}img{width:100%;object-fit:cover;aspect-ratio:1/1}section{width:100%;text-align:center;min-height:100vh}.section-title{--clr-section: var(--clr-title, var(--clr-highlight));font-family:var(--ff-highlight);font-size:var(--fs-700);font-weight:var(--fw-lite);border-bottom:solid var(--clr-section) .1em}.hero button{background:var(--clr-dark-black2);color:var(--clr-highlight);border:var(--clr-highlight) solid .2em;text-transform:uppercase}a{text-decoration:none}.loader{--clr-border: var(--clr-highlight);--size: 250px;display:grid;height:100vh;background-color:var(--clr-dark-black2);text-align:center;align-items:center}.loader-icon{color:var(--clr-highlight);line-height:var(--size);text-align:center;align-items:center;border-radius:50%;height:var(--size);width:var(--size);margin:auto;border:1px solid var(--clr-border);animation-duration:2s;animation-name:pulse;animation-iteration-count:infinite;box-shadow:0 0 10px var(--clr-border)}@keyframes pulse{0%{box-shadow:0 0 5px var(--clr-border)}50%{box-shadow:0 0 30px var(--clr-border)}to{box-shadow:0 0 5px var(--clr-border)}}@keyframes rotate{0%{box-shadow:var(--size) var(--size) 15px var(--clr-border)}25%{box-shadow:calc(var(--size) * -1) var(--size) 15px var(--clr-border)}50%{box-shadow:calc(var(--size) * -1) calc(var(--size) * -1) 15px var(--clr-border)}75%{box-shadow:var(--size) calc(var(--size) * -1) 15px var(--clr-border)}to{box-shadow:var(--size) var(--size) 15px var(--clr-border)}}.hero{--clr-top: var(--clr-dark-black2);--clr-bottom: pink;padding:auto;place-content:center;background:var(--clr-dark-black2);color:#fff}.hero-container{text-align:left}.hero-links{padding-block:2em}.about{background-color:hsl(var(--clr-primary-bg));position:relative;padding-block:5em;margin-bottom:10em;font-size:var(--fs-600)}.container{width:100%;height:90%;will-change:contents;min-height:566px;position:absolute;opacity:0;top:5%;margin:0 auto;z-index:1;transform-style:preserve-3d;animation:fadeIn 1s forwards;animation-delay:1s}.about-text{padding-inline:2em;top:50%;width:100%;text-align:left;color:var(--clr-light-blue)}.about-text p{padding-block:1.5em}.about-stack{grid-template-columns:repeat(3,auto)}.about-stack>span:before{content:"";border-left:.5em solid var(--clr-highlight);padding-inline:.25em;color:var(--clr-highlight)}.about-cube-container{display:none;width:100%;height:100%;top:0;padding-top:18%;position:absolute;overflow:hidden}.animate-left{animation-duration:var(--animate-speed);animation-name:slideFromLeft}.animate-right{animation-duration:var(--animate-speed);animation-name:slideFromRight}.animate-slideUp{animation-duration:var(--animate-speed);animation-name:slideUp}.cube{--size: 100px;--translateZVar: calc(var(--size) / 2);animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0;margin-left:calc(50% - 100px)}.cube>*{position:absolute;width:var(--size);height:var(--size);border:1px solid #ccc;background:rgba(167,218,220,.4);font-size:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px 0 var(--clr-highlight)}.face1{transform:translateZ(var(--translateZVar))}.face2{transform:rotateY(90deg) translateZ(var(--translateZVar))}.face3{transform:rotateY(90deg) rotateX(90deg) translateZ(var(--translateZVar))}.face4{transform:rotateY(180deg) rotate(90deg) translateZ(var(--translateZVar))}.face5{transform:rotateY(-90deg) rotate(90deg) translateZ(var(--translateZVar))}.face6{transform:rotateX(-90deg) translateZ(var(--translateZVar))}@keyframes spincube{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}16%{transform:rotateY(-90deg)}33%{transform:rotateY(-90deg) rotate(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotate(90deg)}83%{transform:rotateX(90deg)}}@media (min-width: 60em){.about{margin:0;font-size:var(--fs-300)}.about-text{position:absolute;padding:0;left:10%;top:50%;transform:translateY(-50%);width:35%;max-height:90%}.about-cube-container{display:block;width:50%;margin-left:0;right:0}.cube{--size: 200px}}.portfolio{padding:4em 2em;background:var(--clr-dark-black2)}.portfolio h2{--clr-title: var(--clr-highlight);color:var(--clr-title);margin-bottom:1em}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.portfolio-item{--line-size: 1px;background-color:hsl(var(--clr-primary-bg));cursor:pointer;position:relative;margin:1em}.portfolio-item-title{font-family:var(--ff-highlight);font-size:var(--fs-700);font-weight:var(--fw-lite)}.portfolio-item:before,.portfolio-item:after{content:"";position:absolute;top:1.25em;bottom:1.25em;left:1.25em;right:1.25em;opacity:1;transition:transform ease-out .25s}.portfolio-item:before{border-top:var(--line-size) solid black;border-bottom:var(--line-size) solid black;transform:scaleX(0)}.portfolio-item:after{border-left:var(--line-size) solid black;border-right:var(--line-size) solid black;transform:scaleY(0)}.portfolio-item:is(:hover):before{transform:scaleX(1.05)}.portfolio-item:is(:hover):after{transform:scaleY(1.05)}.portfolio-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsl(var(--clr-highlight2) / 50%);color:var(--clr-dark-black2);opacity:0;z-index:10;display:grid;align-items:center;transition:opacity .25s}.portfolio-item-overlay:hover{opacity:1}.portfolio-item-animate{animation-duration:var(--animate-speed);animation-name:slideUp}.portfolio-dialog{--clr-portfolio-bg: hsl(var(--clr-primary-bg));background-color:var(--clr-portfolio-bg);align-items:center;justify-items:center;text-align:right;margin:auto;border:none}.portfolio-dialog-header{display:flex;justify-content:right;width:100%;padding:.5rem}.portfolio-close{background-color:var(--clr-portfolio-bg);color:var(--clr-highlight);border:none;cursor:pointer;margin:0}.dialog-title{font-size:1.5rem}.dialog-top,.dialog-bottom{margin:2em;color:var(--clr-light-blue);text-align:left}.dialog__link:link,.dialog__link:visited{color:#fff}.portfolio-dialog::backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;background:hsl(216,34%,30%,.9)}.dialog-top{flex-direction:column-reverse}.dialog-top img{max-height:300px;object-fit:contain}.dialog-top-text{width:100%}@supports (backdrop-filter: blur(25px) brightness(170%)){.portfolio-dialog::backdrop{background:hsl(216,34%,30%,.5);backdrop-filter:blur(25px) brightness(170%)}}@media (min-width: 60em){.dialog-title{font-size:var(--fs-600)}.dialog-top{flex-direction:row}}.contact{background-color:hsl(var(--clr-primary-bg));color:var(--clr-light-blue);padding:2em 5em;align-items:center;text-align:left}.contact-left h2{--clr-title: var(--clr-highlight);color:var(--clr-title);border:none;margin-bottom:1em}.contact-right{width:100%}.contact-form{padding:0}.contact-form>*{width:100%;margin-block:1em}.contact-form button{width:auto;padding-inline:2em}@media (min-width: 60em){.contact{display:flex}.contact-form{padding:2em}}footer{background-color:var(--clr-dark-black2);padding:1em;text-align:center;align-items:center;color:#fff}.social-list{justify-content:center;margin:1em 0 0;padding:0}.social-list__item{margin:0 .5em}.social-list__link{padding:.5em}.social-list__link:link,.social-list__link:visited{color:var(--clr-highlight)}@keyframes slideUp{0%{opacity:0;transform:translateY(5em)}30%{opacity:.3;transform:translateY(3em)}70%{opacity:.7;transform:translateY(1em)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-5em)}30%{opacity:.3;transform:translate(-3em)}70%{opacity:.7;transform:translate(-1em)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(5em)}30%{opacity:.3;transform:translate(3em)}70%{opacity:.7;transform:translate(1em)}to{opacity:1;transform:translate(0)}}