@font-face{font-family:Uni Sans;src:url("/media/fonts/Uni Sans/ttf/Uni Sans Bold.ttf") format("truetype"),url("/media/fonts/otf/Uni Sans Bold.otf") format("opentype");font-weight:bolder}@font-face{font-family:Uni Sans;src:url("/media/fonts/Uni Sans/ttf/Uni Sans SemiBold.ttf") format("truetype"),url("/media/fonts/otf/Uni Sans SemiBold.otf") format("opentype");font-weight:700}@font-face{font-family:Uni Sans;src:url("/media/fonts/Uni Sans/ttf/Uni Sans Regular.ttf") format("truetype"),url("/media/fonts/otf/Uni Sans Regular.otf") format("opentype");font-weight:400}@font-face{font-family:Uni Sans;src:url("/media/fonts/Uni Sans/ttf/Uni Sans Thin.ttf") format("truetype"),url("/media/fonts/otf/Uni Sans Thin.otf") format("opentype");font-weight:lighter}@font-face{font-family:Helvetica;src:url(/media/fonts/Helvetica/ttf/Helvetica-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Helvetica;src:url(/media/fonts/Helvetica/ttf/Helvetica.ttf) format("truetype");font-weight:400}@font-face{font-family:Helvetica;src:url(/media/fonts/Helvetica/ttf/Helvetica-Light.ttf) format("truetype");font-weight:lighter}@font-face{font-family:EB Garamond;src:url(/media/fonts/EB\ Garamond/ttf/EBGaramond-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:EB Garamond;src:url(/media/fonts/EB\ Garamond/ttf/EBGaramond-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:IBM Plex Mono;src:url("/media/fonts/IBM Plex Mono/ttf/IBMPlexMono-Bold.ttf") format("truetype");font-weight:700}@font-face{font-family:IBM Plex Mono;src:url("/media/fonts/IBM Plex Mono/ttf/IBMPlexMono-Regular.ttf") format("truetype");font-weight:400}@font-face{font-family:IBM Plex Mono;src:url("/media/fonts/IBM Plex Mono/ttf/IBMPlexMono-Light.ttf") format("truetype");font-weight:lighter}@font-face{font-family:Nunito;src:url(/media/fonts/Nunito/ttf/Nunito-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Nunito;src:url(/media/fonts/Nunito/ttf/Nunito-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Nunito;src:url(/media/fonts/Nunito/ttf/Nunito-Light.ttf) format("truetype");font-weight:lighter}@font-face{font-family:Avenir Next;src:url(/media/fonts/Avenir\ Next/ttf/AvenirNextLTPro-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Avenir Next;src:url(/media/fonts/Avenir\ Next/ttf/AvenirNextLTPro-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Cera Pro;src:url("/media/fonts/Cera Pro/ttf/Cera Pro Bold.ttf") format("truetype");font-weight:700}@font-face{font-family:Cera Pro;src:url("/media/fonts/Cera Pro/ttf/Cera Pro Medium.ttf") format("truetype");font-weight:400}@font-face{font-family:Cera Pro;src:url("/media/fonts/Cera Pro/ttf/Cera Pro Light.ttf") format("truetype");font-weight:lighter}@font-face{font-family:Helvetica Now;src:url(/media/fonts/Helvetica\ Now/otf/HelveticaNowText-Bold.otf) format("opentype");font-weight:700}@font-face{font-family:Helvetica Now;src:url(/media/fonts/Helvetica\ Now/ttf/HelveticaNowText-Medium.otf) format("opentype");font-weight:400}@font-face{font-family:Helvetica Now;src:url("/media/fonts/Helvetica Now/ttf/Cera Pro Light.otf") format("opentype");font-weight:lighter}*{box-sizing:border-box}body{margin:0;background-color:#fff3dd;font-family:IBM Plex Mono,monospace;color:#171717;line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:EB Garamond,serif;font-weight:400;color:#171717;line-height:1.3}.name-icon{text-decoration:none;color:#171717}.nav{width:100%;display:flex;background-color:#fff3dd;height:70px;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:2px solid #171717;position:fixed;z-index:1000;margin-top:0}.nav h1{margin:0;font-size:1.8em;font-weight:700}.nav-items{list-style:none;display:flex;margin:0;padding:0}.nav-item{margin-left:2rem}.nav-item-text{padding:12px 18px;color:#171717;border-radius:8px;text-align:center;font-weight:400;font-size:1em;text-decoration:none;border:1px solid transparent;transition:all .2s ease}.nav-item-text:hover{cursor:pointer}.nav-item-text:hover .hover-underline-animation-dark:after{transform:scaleX(1);transform-origin:bottom left}.banner{width:100%;height:100vh;background-color:#fff3dd;background-size:cover;background-position:center;position:relative}.banner-container{width:100%;position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#171717;padding:0 2rem}.banner-container h1{font-size:4em;margin-bottom:.5rem;font-weight:700}#quote{font-size:1.6em;margin:1rem 0 2rem;font-style:italic;opacity:.8}.landing_list{width:min(600px,90%);margin:2rem auto;text-align:left}.landing_list ul{list-style:none;padding:0;margin:0}.landing_list li{font-size:1.1em;border-left:3px solid #171717;padding:.8rem 0 .8rem 1.5rem;margin-bottom:1rem;line-height:1.5}.landing-buttons{margin-top:3rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.landing-button{margin:0}.landing-button-text{padding:12px 24px;border:2px solid #171717;background-color:#171717;color:#fff3dd;text-decoration:none;font-size:1.1em;border-radius:8px;transition:all .2s ease;display:inline-block}.landing-button-text:hover{cursor:pointer}#arrow-section-container{width:100%;height:80%;position:relative;top:50%;transform:translateY(-50%);text-align:center;color:#171717;display:flex;justify-content:center}#arrow-section{position:absolute;bottom:0}#arrow-section p{color:#171717;font-size:1.2em;opacity:.8}#arrow-section a span{margin-top:-20px;position:absolute;left:50%;width:24px;height:24px;margin-left:-12px;border-left:2px solid #171717;border-bottom:2px solid #171717;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 1.5s infinite;animation:sdb05 1.5s infinite;box-sizing:border-box}@-webkit-keyframes sdb05{0%{-webkit-transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}to{-webkit-transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@keyframes sdb05{0%{transform:rotate(-45deg) translate(0);opacity:0}50%{opacity:1}to{transform:rotate(-45deg) translate(-20px,20px);opacity:0}}#row-projects-anchor{background-color:#fff3dd;padding-top:25px;margin:0}#row-projects-anchor-2{padding-top:25px;background-color:#fff3dd;margin:0}.row-project-container{background-color:#fff3dd;padding-bottom:20px}.subtitle{font-size:3.5em;text-align:center;color:#171717;margin:2rem 0;font-weight:700}.row-entire-card{background-color:#fff3dd;min-width:700px;width:80%;border:2px solid #171717;border-radius:12px;margin:2rem auto;padding:2rem;box-shadow:4px 4px #171717;transition:all .2s ease;color:#171717}.row-entire-card:hover{transform:translateY(-2px);box-shadow:6px 6px #171717}.row-project{display:flex;gap:2rem}.row-card-image{flex:1;height:200px}.row-card-image img{border-radius:8px;height:100%;width:100%;object-fit:cover}.row-card-text{flex:2;padding:0}.row-card-text-title{margin:0 0 1rem;font-size:1.8em;font-weight:700}.row-card-text-description{margin:1rem 0;line-height:1.6}.row-card-tools-used{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #171717}.card-button{background-color:#171717;color:#fff3dd;width:max-content;border-radius:8px;padding:8px 16px;margin-top:1rem;border:2px solid #171717;transition:all .2s ease}.card-button:hover{cursor:pointer}.card-button a{cursor:pointer;color:inherit;text-decoration:none;font-size:.95em}#cards_anchor{padding:4rem 2rem;background:#fff3dd}.cards{margin:0 auto;max-width:1200px;display:flex;flex-direction:column;gap:3rem;padding-top:3rem;background-color:#fff3dd}.cards *{box-sizing:border-box}.card{display:grid;grid-template-columns:1fr 30%;grid-template-rows:auto 1fr;gap:2rem;padding:2rem;border:2px solid #171717;border-radius:0;background-color:#fff3dd;transition:all .2s ease;align-items:start}.card:hover{border-left-width:8px}.card_content{grid-column:1;grid-row:1 / 3}.card_gif{grid-column:2;grid-row:1}.card_footer{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;align-items:flex-end;align-self:end;font-size:.9em;width:100%;padding:0;background-color:transparent;border-top:none}.card_content{padding:0;margin-bottom:0;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.card_content h2{margin:0 0 1.5rem;font-size:2em;font-weight:700;line-height:1.2}.card_content p{margin:.6rem 0;line-height:1.6}.technologies-text{font-weight:400;margin-top:1.5rem!important;padding-top:1.5rem;border-top:2px solid #171717;font-style:normal;font-size:.95em}.card_gif{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid #171717;display:block;position:relative;z-index:1}.hover-underline-animation-light{display:inline-block;position:relative;margin:0;transition:all .2s ease}.hover-underline-animation-light:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#fff3dd;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation-light:hover:after{transform:scaleX(1);transform-origin:bottom left}.hover-underline-animation-dark{display:inline-block;position:relative;margin:0;transition:all .2s ease}.hover-underline-animation-dark:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#171717;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation-dark:hover:after{transform:scaleX(1);transform-origin:bottom left}#site-info{padding:4rem 2rem;background-color:#fff3dd}#site-info-subtitle{color:#171717;margin-bottom:2rem}.site-info-container{text-align:center;color:#171717;max-width:600px;margin:0 auto}.site-info-container-text{margin:1rem 0;font-size:1.1em}.site-info-container a{color:#171717;cursor:pointer;text-decoration:underline;font-weight:700}.site-info-container a:hover{opacity:.7}#contact-anchor{padding:4rem 2rem;background-color:#fff3dd}.contact-container{text-align:center;color:#171717;max-width:600px;margin:0 auto}#contact-subtitle{color:#171717;margin-bottom:2rem}.contact-container-text{margin:1.5rem 0;font-size:1.2em;font-weight:400}.contact-container-text a{color:#171717;text-decoration:underline;transition:opacity .2s ease}.contact-container-text a:hover{opacity:.7}footer{color:#171717;padding:2rem;text-align:center;background-color:#fff3dd;border-top:2px solid #171717;font-size:.9em}@media(max-height:700px){#arrow-section-container{display:none}}@media only screen and (max-width:767px){.nav{height:60px;padding:15px 20px;justify-content:center}.nav .name-icon,.nav h1{display:none}.nav-items{gap:.5rem;justify-content:center;margin:0;padding:0}.nav-item{margin-left:.5rem;margin-right:.5rem}.nav-item-text{padding:8px 12px;font-size:.9em}.banner-container{padding:0 1rem}.banner-container h1{font-size:2.8em}#quote{font-size:1.3em}.landing_list{width:95%}.landing_list li{font-size:1em;padding:.6rem 0 .6rem 1rem}.landing-buttons{flex-direction:column;gap:.8rem}.landing-button-text{font-size:1em;padding:10px 20px}.subtitle{font-size:2.5em;margin:1.5rem 0}#cards_anchor{padding:2rem 1rem}.cards{gap:2rem;padding-top:2rem}.card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;margin:0 auto;width:100%;max-width:400px;border:2px solid #171717;box-shadow:3px 3px #171717}.card:hover{border-left-width:2px;transform:translateY(-2px);box-shadow:5px 5px #171717}.card_content{order:1;grid-column:unset;grid-row:unset;padding:0;margin-bottom:0}.card_content h2{font-size:1.6em;margin:0 0 1rem}.card_gif{order:2;grid-column:unset;grid-row:unset;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid #171717}.card_content p{order:3;margin:.5rem 0}.technologies-text{order:4;margin-top:1rem!important;padding-top:1rem;border-top:2px solid #171717}.card_footer{order:5;grid-column:unset;grid-row:unset;justify-content:flex-start;align-items:flex-start;align-self:auto;width:100%;padding:0;margin-top:1rem}.row-entire-card{min-width:unset;width:95%;margin:1.5rem auto;padding:1.5rem}.row-project{flex-direction:column;gap:1rem}.row-card-image{height:180px}.row-card-text-title{font-size:1.5em}#contact-anchor,#site-info{padding:3rem 1rem}.contact-container-text{font-size:1.1em}}