@import"https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--black: #282829;--bg: #fffef9;--primary: #282829;--grey: rgb(220, 220, 220);--max-text-width: 920px}body{font-family:Poppins,sans-serif;color:var(--black);background:var(--bg)}p,li{font-size:1.3rem;line-height:1.9rem}.small{font-size:.833rem}.x-small{font-size:.694rem}.warning{text-align:center;font-style:italic;color:var(--black)}a{text-decoration:none;color:var(--black)}svg{fill:var(--black)}.h-line{background-color:var(--black);width:2px}.container{display:flex;flex-direction:column;min-height:100vh;max-width:100vw}.line{height:1px;background-color:var(--black)}.home{flex:2;display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:100%;margin:auto}.project{display:grid;grid-template-columns:repeat(12 1fr);width:100%;max-width:1920px;margin:auto}.about{flex:2;display:grid;grid-template-columns:1fr 1fr;margin:auto;gap:20px;padding:0 20px;max-width:1080px}.contact{display:flex;flex:2;min-height:100%;justify-content:center;align-items:center}footer{text-align:center;padding:20px}nav{position:sticky;display:flex;padding:20px;top:0;left:0;height:40px;background-color:var(--bg);color:var(--black);z-index:100}nav li{all:unset}.nav-desktop{display:flex;justify-content:space-between;align-items:center}.nav-desktop a{display:flex;justify-content:center;align-items:center}.nav-desktop .links{display:flex;gap:15px;font-size:1.2rem}.nav-desktop .links a{display:flex;text-transform:uppercase;font-weight:400;font-size:1.2rem;text-decoration:none;transition:.3s ease,transform .3s ease;color:var(--black)}.nav-desktop .links .active{font-weight:600;color:var(--black)}.logo{font-optical-sizing:auto;font-weight:600;font-size:1.2rem;line-height:1.9rem;font-style:normal;text-wrap:nowrap;color:var(--black);text-transform:uppercase}.about .intro{grid-column:1/-1}.about .intro h2{font-weight:800;font-size:1rem;margin-bottom:7.5px;text-transform:uppercase;text-align:left}.about p{max-width:var(--max-text-width);margin-bottom:7.5px}.about ul{list-style-type:none}.skills h3{font-size:2rem;text-transform:uppercase;text-align:left;font-weight:600;color:var(--bg);background-color:var(--black);border-radius:4px 4px 0 0;padding:20px}.skills .list{display:flex;gap:20px}.skills .list span{background-color:var(--black);min-width:2px}.skills .list ul{padding:20px 0}.contact a{color:var(--black);text-decoration:underline;font-size:1rem}.contact-card{max-width:500px;padding:30px 20px}.contact-card h2{font-size:2rem;text-transform:uppercase;text-align:left;font-weight:600;color:var(--bg);background-color:var(--black);border-radius:4px 4px 0 0;padding:20px}.contact-info{display:flex;gap:10px}.contact-info span{min-width:2px;background-color:var(--black)}.contact-info table{border-collapse:separate;border-spacing:10px;max-width:500px}.contact-info th,.contact-info td{vertical-align:middle}.contact-info .text{font-size:1.3rem;line-height:1.5rem;font-weight:400}.contact-info .icon{min-width:20px}.home-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;grid-column:1/-1;height:40vh;padding:0 20px;text-align:center}.home-intro h1{max-width:50ch;font-weight:400;font-size:1.44rem;text-transform:uppercase}.home-intro h1 .group{white-space:nowrap}.home-intro .highlight{position:relative;font-weight:600}.home-container{grid-column:1/-1}.home-projects{display:grid;margin:auto;grid-template-columns:1fr 1fr;gap:10px;max-width:1440px;padding:0 20px}.home-links{display:flex;position:relative;gap:10px}.home-links ul,.home-links li{all:unset}.home-intro a{padding:1px 30px;border-radius:300px;font-weight:500;text-wrap:nowrap;border:1.5px solid var(--black);text-transform:uppercase;transition:.3s ease,color .5s ease}.home-intro a:hover{background-color:var(--black);color:var(--bg)}.home-frame{width:100%;height:40vh}.home-frame .img{width:100%;height:100%;background-size:cover;border-radius:4px;background-position:center}.frame-overlay{display:flex;justify-content:center;align-items:center;text-align:center;color:#fff0;min-height:100%;font-size:3rem;font-weight:400;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:.3s ease-in-out}.frame-overlay:hover{background-color:#000000bf;color:var(--bg);outline:2px solid var(--bg);outline-offset:-20px}.frame-overlay:active{background-color:#f000;color:#fff0;outline:2px solid var(--bg);outline-offset:-20px}.project-frame{margin-bottom:20px}.project .img{height:100%;background-size:cover;background-position:center}.overview{max-width:var(--max-text-width);padding:20px;margin:auto}.overview h2{font-size:2rem;font-weight:800;text-align:center;text-transform:uppercase;color:var(--black);padding:10px 0}.overview p{padding-bottom:20px}.overview table{width:100%;table-layout:fixed;border-collapse:collapse;border-bottom:2px solid var(--black)}.overview th,.overview td{border-top:2px solid var(--black);padding:20px 0}.overview th{font-weight:800;font-size:1rem;text-transform:uppercase;text-align:left}.overview td{font-size:1.3rem}.overview td ul{list-style-type:none}.assets{display:flex;gap:20px;flex-direction:column;max-width:var(--max-text-width);padding:0 20px;margin:auto}.assets h3{min-width:100%;margin:auto;font-size:2rem;font-weight:800;text-transform:uppercase;color:var(--black);text-align:center}.assets img{width:100%;overflow:hidden;margin:auto}@media screen and (max-width: 920px){nav{position:sticky;top:0;left:0;background-color:var(--bg);z-index:60;padding:0}.nav-mobile{display:flex;flex-direction:column;justify-content:center;padding:20px}.nm-top{display:flex;justify-content:space-between;z-index:60}.nm-button{position:relative;width:40px}.nm-button span{background-color:var(--primary);width:100%;height:2.5px;border-radius:20px;position:absolute}.nm-bottom{display:flex;position:fixed;flex-direction:column;min-width:100%;min-height:100%;z-index:50;top:0;left:0;transform-origin:top;background-color:var(--bg)}.nm-link{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;flex-grow:1}.nm-link a{color:var(--black);text-transform:uppercase;font-size:2.5rem}.nm-link .active{border-radius:5px;color:var(--primary);font-weight:600}.nm-info{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--bg);padding-bottom:40px}.nm-info a{color:var(--primary);font-weight:500;font-size:1.5rem;text-decoration:underline}.nav-desktop{display:none}.home,.about,.project .overview{grid-template-columns:1fr}.project-frame{max-height:40vh;margin-bottom:0}.overview h2,.assets h3{text-align:left}.assets{gap:10px}.assets section{gap:20px}.spacer{margin:0}.assets .title,.assets .text{grid-column:1/-1}.assets .spacer{margin-bottom:30px}.home-intro{font-size:14px;gap:30px;height:40vh}.home-intro h1{font-size:1.25rem}.home-links{display:flex;flex-wrap:wrap;justify-content:center}.home-projects{grid-template-columns:1fr}.frame-overlay{display:none}}