@font-face{font-family:BespokeStencil;src:url(/assets/BespokeStencil-Bold-CwAM40AV.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:BespokeStencil;src:url(/assets/BespokeStencil-BoldItalic-h3SPkOdH.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Technor;src:url(/assets/Technor-Bold-Orjbb-zi.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Technor;src:url(/assets/Technor-Light-Bgss3AdK.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Technor;src:url(/assets/Technor-Regular-DKT7N35n.ttf) format("truetype");font-weight:400;font-style:normal}#skillsList,body footer #socialMedia{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem;padding-top:.5rem}#skillsList li,body footer #socialMedia li{display:flex;flex-direction:column;align-items:center;width:42px;height:84px}#skillsList li svg,body footer #socialMedia li svg{width:2.5rem;height:auto}#skillsList li span,body footer #socialMedia li span{display:none}#skillsList li:hover,body footer #socialMedia li:hover{color:#ffc65c}#skillsList li:hover span,body footer #socialMedia li:hover span{display:block}#contactForm{display:flex;flex-direction:column;flex-wrap:wrap;padding:0rem 1.5rem;gap:1rem}#contactForm p{margin-bottom:.1rem;font-size:1.25rem;font-weight:700}#contactForm input,#contactForm textarea{width:100%;height:40px;border-radius:5px;border:none}#contactForm textarea{height:160px}#contactForm .end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem}#contactForm .end button{font-size:1rem;font-weight:700;padding:1rem;width:100px;border-radius:5px;border:none;cursor:pointer}#contactForm .end button:hover{background-color:#eaeae1}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f0f7f4;font-size:1rem;line-height:1.6;font-weight:400;font-feature-settings:"lnum"!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-font-smoothing:antialiased;background:linear-gradient(0deg,#232625,#2f4539,#3a6143)}body h1,body #logo{font-family:BespokeStencil,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;color:#ffc65c;line-height:1}body h2,body h3,body a{font-family:Technor,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body h2{font-size:2rem}body h3{font-size:1.5rem}body a{font-size:1.25rem;font-weight:700;text-decoration:none;color:#f0f7f4}body a:hover{color:#ffc65c;font-style:italic}body a:active{color:#d2d5d4;font-style:italic}body img{width:100%;max-height:500px;height:auto;-o-object-fit:contain;object-fit:contain}body{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:auto;grid-template-rows:auto;min-height:100vh}body header{grid-area:header;display:grid;grid-template-areas:"logo nav";grid-template-columns:15rem auto;align-items:center;position:sticky;top:0;padding:1rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}body header a{grid-area:logo}body header nav{grid-area:nav}body header nav ul{display:flex;flex-wrap:wrap;justify-content:space-around}body header nav ul li{list-style-type:none}body main{grid-area:main;display:flex;flex-direction:column;flex-wrap:wrap;padding:.625rem 4.375rem;gap:3.25rem;margin:5rem 0}body footer{grid-area:footer;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:1.5625rem;margin-bottom:1.5625rem}body footer #socialMedia{width:100%;max-width:30rem;padding-top:0}body footer #socialMedia li{width:auto;height:auto}#home{gap:6.25rem;margin:10rem 0}#home #intro{padding:0 3.75rem}#home #intro h2 br{display:none}#home #intro .note{text-align:center}#home #intro .note p{margin-bottom:.5rem}#home #projects,#home #contactMe{scroll-margin-top:7rem}#home #contactMe i{font-size:.8rem}#home #projectList{padding:1.25rem;display:flex;flex-wrap:wrap;justify-content:space-around;row-gap:6.25rem}#home #projectList .projectCard{display:flex;flex-direction:column;flex-wrap:wrap;max-width:18.75rem;height:auto;gap:1.25rem}#home #projectList .projectCard h3,#home #projectList .projectCard a{text-align:center}#project h2,#project p,#project img{margin-bottom:2rem}#project div{margin-bottom:4rem}#project .coverImage{display:flex;flex-direction:column;align-items:center;margin-bottom:0rem}#project .disclaimer{text-align:center;padding-top:.5rem}#project .disclaimer p{font-style:italic;margin-bottom:0rem}#project .content{display:flex;flex-direction:column;align-items:center}#project .content p{width:100%}#project .content .projectImage{margin-bottom:2rem}#project .content .projectImage img,#project .content .projectImage p{margin-bottom:0rem}#project .content .projectImage p{visibility:hidden;font-style:italic;text-align:center}#project .content .projectImage:hover p{visibility:visible}#project .content .gallery{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:0rem}#notFound{text-align:center}#notFound h2{margin-bottom:.5rem}@media screen and (max-width:50rem){body header{grid-template-areas:"logo" "nav";grid-template-columns:auto;grid-template-rows:auto;gap:.5rem;padding:.625rem}body header h1{text-align:center}body main,body #home{padding:.625rem 2.1875rem;margin-top:0}body #skillsList li span{display:block}body #project .content .projectImage p{visibility:visible}}@media screen and (max-width:37.5rem){body main #home{gap:3rem}body main #home #intro{padding:0}}@media screen and (max-width:31.25rem){body header{padding:.3125rem}body header nav ul{gap:.625rem}body main,body #home{padding:.625rem .9375rem}body main #intro,body #home #intro{padding:0}body main #intro h2 br,body #home #intro h2 br{display:inline}body main #intro .note,body #home #intro .note{padding-top:2rem}}