*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul{padding-block:1rem;padding-inline:2.5rem}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a{text-decoration-skip-ink:auto;text-decoration:none;color:unset}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--ff-primary: "Titillium Web", sans-serif;--fw-extralight: 200;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--fs-100: .25rem;--fs-200: .5rem;--fs-300: .75rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 2rem;--fs-800: 3rem;--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.25rem;--size-600: 1.5rem;--size-700: 2rem;--size-800: 3rem;--clr-accent-000: hsl(0, 0%, 100%);--clr-accent-100: hsl(0, 0%, 95%);--clr-accent-900: hsl(220, 7%, 8%);--clr-text-100: hsl(0, 0%, 100%);--clr-text-200: hsl(0, 0%, 80%);--clr-text-300: hsl(212, 64%, 13%);--clr-text-400: hsl(220, 42%, 54%);--clr-button: hsl(220, 27%, 34%);--clr-button-hover: hsl(220, 27%, 54%);--nav-width: 20rem}@media (max-width: 1020px){:root{--nav-width: 0%;--fs-500: 1rem}}body{font-family:var(--ff-primary)}h1{font-size:var(--fs-800);font-weight:var(--fw-semibold)}h2{font-size:var(--fs-700);font-weight:var(--fw-regular)}h3{font-size:var(--fs-600);font-weight:var(--fw-semibold)}h4{font-size:var(--fs-600);font-weight:var(--fw-regular)}@media (max-width: 1120px){h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}h3{font-size:1.25rem;font-weight:var(--fw-regular)}}.ff-primary{font-family:var(--ff-primary)}.fw-extralight{font-weight:var(--fw-extralight)}.fw-regular{font-weight:var(--fw-regular)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.fs-100{font-size:var(--fs-100)}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fls-100{letter-spacing:normal}.fls-200{letter-spacing:.2rem}.bg-clr-accent-000{background-color:var(--clr-accent-000)}.bg-clr-accent-100{background-color:var(--clr-accent-100)}.bg-clr-accent-900{background-color:var(--clr-accent-900)}.bg-clr-button{background-color:var(--clr-button)}.bg-clr-button-hover{background-color:var(--clr-button-hover)}.clr-text-100{color:var(--clr-text-100)}.clr-text-200{color:var(--clr-text-200)}.clr-text-300{color:var(--clr-text-300)}.clr-text-400{color:var(--clr-text-400)}header,main,footer{width:calc(100% - var(--nav-width));float:right}section{width:100%;display:flex;align-items:center;justify-content:center}.container{width:80%;margin-block:5rem}@media (max-width: 1200px){.container{width:90%;margin-block:2rem}}.button{padding:.5rem 1rem;background-color:var(--clr-button);transition:.4s;cursor:pointer;display:inline-block}.button:hover{background-color:var(--clr-button-hover)}nav{height:100vh;width:var(--nav-width);position:fixed;display:flex;justify-content:center;align-items:center;z-index:99997}nav .container{width:70%;height:80%;display:flex;align-items:flex-start;flex-direction:column;gap:var(--size-700);position:relative}nav ul{padding:0}nav ul li{position:relative;margin-block:1rem}nav ul li a{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nav ul li a.active,nav ul li a:hover{color:var(--clr-text-100)}nav ul li a.active:before,nav ul li a:hover:before{content:"◈";position:absolute;left:-1.5rem;color:var(--clr-text-100)}nav .email{position:relative}nav .email:before{content:"";position:absolute;width:100%;height:1px;background-color:var(--clr-text-100);bottom:0}nav .button{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}.burger-button{width:3.125rem;height:3.125rem;position:fixed;right:1rem;top:1rem;background-color:#00000080;border:none;border-radius:1rem;display:none;justify-content:center;align-items:center;overflow:hidden;z-index:99999;transition:.6s}.burger-button .burger{transition:translate 1s,rotate 1s}.burger-button[aria-expanded=true] .burger{translate:2px -2px;rotate:.125turn}.burger-button .line{transition:1s;stroke-dasharray:60 31 60 300}.burger-button[aria-expanded=true] .line{stroke-dasharray:60 105 60 300;stroke-dashoffset:-90}@media (max-width: 1020px){nav{width:3.125rem;height:3.125rem;right:1rem;top:1rem;overflow:hidden;opacity:0;border-radius:1rem;transition:.6s}nav .container{display:none}nav .container *{white-space:nowrap}nav.active{width:20rem;max-width:88vw;max-height:88vh;height:30rem;opacity:1}nav.active .container{display:block;overflow:hidden}.burger-button{display:flex}.burger-button[aria-expanded=true]{background-color:#0000}nav .container>div{display:none}nav .email{display:none}nav ul li{margin-block:2rem}nav ul li a:before{display:none}nav ul li:before{content:"";position:absolute;bottom:-.25rem;width:100%;height:1px;background-color:var(--clr-accent-100);opacity:.25}}@media (max-height: 500px){nav .button{display:none}}.scroll-buttons{position:fixed;right:2rem;bottom:3rem;display:flex;flex-direction:column;gap:.3rem;z-index:99998}@media (max-width: 700px){.scroll-buttons{display:none}}.scroll-buttons button{padding:.7rem .5rem;line-height:0;background-color:#00000080;border:none;border-radius:3px;cursor:pointer}.scroll-buttons button:hover{background-color:#64646480}header{height:37.5rem;background-image:url(/images/Last-Resort-Desktop.png);background-size:cover;background-position:right;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}header .container{height:auto}header .button{padding:.8rem 1.4rem;margin-top:var(--size-800);font-size:var(--fs-500)}@media (max-width: 1120px){header{height:28rem}}@media (max-width: 750px){header{height:20rem;background-image:url(/images/Last-Resort-Mobile.png);background-position:center;background-size:cover}}@media (max-width: 500px){header .button{padding:.6rem 1.2rem}}#welcome .container{display:grid;grid-template-areas:"heading heading heading" "projects experience education";gap:var(--size-300);row-gap:var(--size-700);grid-auto-rows:max-content;grid-template-columns:1fr 1fr 1fr}#welcome .heading{grid-area:heading;height:auto}#welcome .heading p{font-size:var(--fs-500)}#welcome .projects{grid-area:projects}#welcome .experience{grid-area:experience}#welcome .education{grid-area:education}#welcome .container img{margin:var(--size-200)}#welcome h4{margin-block:.8rem}@media (max-width: 1270px){#welcome .container{grid-template-areas:"heading heading" "projects experience" "education education";grid-template-columns:1fr 1fr}}@media (max-width: 700px){#welcome .container{grid-template-areas:"heading" "projects" "experience" "education";grid-template-columns:1fr}#welcome .heading p{font-size:var(--fs-400)}}#professional-projects{display:flex;flex-direction:column}#professional-projects ul{width:100%;padding:0;margin:0}#professional-projects ul .container{display:flex;position:relative}#professional-projects ul .container>*{flex:1}#hytale-image{width:20rem}#professional-projects ul .heading,#professional-projects ul .description{display:flex;justify-content:center;align-items:center}#professional-projects>ul>li .heading .image{width:40%}#professional-projects>ul>li .heading .image>div{position:relative;top:50%;transform:translateY(-50%);display:block;height:0;margin:auto;padding:0% 0% 56.25%;overflow:hidden}#professional-projects>ul>li .heading .image iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}#professional-projects ul .heading .container :first-child{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}#professional-projects ul .button{margin-top:var(--size-700)}#professional-projects .description h2{margin-bottom:1rem}#professional-projects .description p{margin-top:1rem;margin-bottom:.2rem;font-weight:var(--fw-semibold)}#professional-projects .description li{margin-bottom:1rem}@media (max-width: 700px){#professional-projects ul .heading,#professional-projects ul .description{background-position:center}#professional-projects ul .container{flex-direction:column;align-items:center}#professional-projects ul .heading .container div:first-child{align-items:center}#professional-projects ul .button{margin-top:var(--size-300)}#professional-projects>ul>li .heading .image{width:100%;margin-top:2rem}#professional-projects>ul>li .heading .image>div{transform:translateY(0)}#hytale-image{width:auto}}#curriculum-vitae .cv-work{padding-inline:0;margin-top:2rem}#curriculum-vitae .cv-work>li{margin-bottom:2rem}#curriculum-vitae .cv-work>li .image{padding:1rem;margin-bottom:1rem;padding-left:0}#curriculum-vitae .cv-work>li .image img{width:15rem;object-fit:cover;display:block}#curriculum-vitae .cv-work>li .description{flex:3}#personal-projects ul{padding-inline:0;margin-top:2rem}#personal-projects li{display:flex;gap:5%;margin-bottom:2rem;width:100%}#personal-projects li:nth-child(2n){flex-direction:row-reverse}#personal-projects li .image{width:40%}#personal-projects li .image>div{position:relative;top:50%;transform:translateY(-50%);display:block;height:0;margin:auto;padding:0% 0% 56.25%;overflow:hidden}#personal-projects li .image iframe,#personal-projects li .image video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}#personal-projects li .description{width:55%}#personal-projects li .description h3{margin-bottom:1rem}@media (max-width: 700px){#personal-projects ul{margin-top:1rem}#personal-projects li{flex-direction:column-reverse;gap:1rem}#personal-projects li:nth-child(2n){flex-direction:column-reverse}#personal-projects li .description,#personal-projects li .image{width:auto}#personal-projects li .image>div{transform:translateY(0)}}#contact .contact-wrapper{display:flex;justify-content:space-evenly;margin-block:2rem}#contact .contact-wrapper .contact-circle{text-align:center}#contact .contact-wrapper .contact-circle div{background-color:var(--clr-accent-900);border-radius:50%;width:7.5rem;height:7.5rem;display:flex;align-items:center;justify-content:center;margin-inline:auto;margin-bottom:1rem}#contact .contact-wrapper .contact-circle svg{width:5rem;height:5rem}#contact .contact-wrapper .contact-circle svg path{fill:var(--clr-accent-000)}#contact .contact-wrapper a.contact-circle{cursor:pointer;margin-bottom:1rem}#contact .contact-wrapper a.contact-circle span{position:relative}#contact .contact-wrapper a.contact-circle span:before{content:"";position:absolute;width:100%;height:1px;background-color:#000;bottom:0}#contact .contact-wrapper a.contact-circle:hover span{color:var(--clr-button-hover)}#contact .contact-wrapper a.contact-circle:hover span:before{background-color:var(--clr-button-hover)}@media (max-width: 530px){#contact .contact-wrapper{flex-direction:column;align-items:flex-start}#contact .contact-wrapper .contact-circle{display:flex;justify-content:flex-start;align-items:center;gap:1rem}#contact .contact-wrapper .contact-circle div{width:3rem;height:3rem;margin-bottom:0}#contact .contact-wrapper .contact-circle svg{width:1.5rem;height:1.5rem}}footer{display:flex;justify-content:center;align-items:center;background-color:var(--clr-accent-100)}footer .container{margin:1rem;text-align:center;font-size:.8rem;font-family:Courier New,Courier,monospace}