@import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;400;600;800;900&family=Voltaire&display=swap";.preact-hint{padding-bottom:5px;position:absolute;z-index:9999;cursor:default}.preact-hint__fade-in{-webkit-animation:fadeIn .5s;animation:fadeIn .5s}.preact-hint__content{padding:10px;border-radius:5px;background:#000;color:#fff;display:block;white-space:nowrap}.preact-hint:after{content:"";width:0;height:0;margin:auto;display:block;position:absolute;top:auto;left:0;right:0;bottom:0;border:5px solid transparent;border-top-color:#000;border-bottom:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.button{display:inline-block;background-color:#fff;border:1px solid rgb(190,30,45);color:#be1e2d;padding:5px 15px;font-size:18px;line-height:1.5;border-radius:5px;font-weight:600;transition:background-color .25s ease-in-out,border-color .25s ease-in-out,color .25s ease-in-out}.button:hover{color:#fff;background-color:#be1e2d;cursor:pointer}.button.inverse{background-color:#be1e2d;color:#fff}.button.inverse:hover{background-color:#fff;color:#be1e2d}[class^=icon-]{font-size:110%}.g-recaptcha{display:none;visibility:hidden}body{background:#fff;color:#000;font-family:Albert Sans,sans-serif;font-size:20px;line-height:26px;padding:0;margin:0}body a{text-decoration:none;color:inherit}header{align-items:flex-start;background-color:#fff;border-bottom:1px solid rgb(190,30,45);display:flex;font-family:Voltaire,sans-serif;justify-content:space-between;padding:20px;position:relative}header.sticky{position:fixed;top:0;width:calc(100% - 40px);z-index:99}header .logo{padding:0;margin:0}header .logo span[role=button]{color:#be1e2d;font-size:34px;letter-spacing:2px;position:relative;cursor:pointer}header .logo span[role=button] span{color:#333;position:relative;left:-10px}header .logo span[role=button]:hover{color:#333}header .logo span[role=button]:hover span{color:#be1e2d}header .toggle{display:none;cursor:pointer;text-align:right;font-size:23px}header .toggle.menu{color:#be1e2d}@media only screen and (max-width: 700px){header .toggle{display:block}}header nav{display:flex;justify-content:flex-end}header nav span{cursor:pointer;padding-left:20px;font-size:23px;letter-spacing:2px;color:#333;transition:color .25s ease}header nav span:hover{color:#be1e2d}header nav span.active{color:#be1e2d}header nav span.active:hover{color:#333}@media only screen and (max-width: 700px){header nav{display:none}header nav.menu{display:block;position:relative;padding:10px 0 0;line-height:1.5;text-align:right}header nav.menu a{display:block}}header .skip-nav{background:#fff;left:-999px;overflow:hidden;padding:0;position:absolute;top:75px;z-index:-999}header .skip-nav:focus{left:0;overflow:auto;padding:15px 20px;z-index:999}main section{padding:90px 10% 105px;position:relative}@media only screen and (max-width: 700px){main section{padding:70px 10%}}main section>div{max-width:1300px;position:relative;margin:0 auto}main section h2{padding:0;margin:0 0 30px;font-family:Voltaire,sans-serif;color:#333;letter-spacing:1px;font-size:34px;position:relative}main section h2 span{color:#be1e2d;position:relative;left:-10px}#top{padding:0;color:#fff;text-align:center;position:relative;overflow:hidden}@media only screen and (max-width: 1024px){#top{padding:10px 0}}@media only screen and (max-width: 800px){#top{padding:20px 0}}@media only screen and (max-width: 700px){#top{padding:30px 0}}@media only screen and (max-width: 500px){#top{padding:50px 0}}#top svg{scale:1.1}@media only screen and (max-width: 1024px){#top svg{scale:1.2}}@media only screen and (max-width: 800px){#top svg{scale:1.3}}@media only screen and (max-width: 700px){#top svg{scale:1.5}}@media only screen and (max-width: 500px){#top svg{scale:2}}#about{background-color:#fff}#about .content{display:flex;gap:50px;align-items:stretch}#about .content>div{flex-basis:0}@media only screen and (max-width: 700px){#about .content{display:block}}#about .summary{flex-grow:2}#about .photo{flex-grow:1;width:100%;position:relative;top:-15px}#about .photo img{width:100%;height:auto}@media only screen and (max-width: 700px){#about .photo{margin-bottom:30px;text-align:center;width:100%}#about .photo img{width:100%;max-width:350px}}#about p{line-height:1.5;padding-top:0;margin-top:0;font-size:18px}#about p:last-of-type{margin-bottom:0;padding-bottom:0}@media only screen and (max-width: 1024px){#about p{font-size:85%}}#about a{border-bottom:1px dotted rgb(51,51,51);font-weight:600}#about a:hover{border-bottom:0}#skills{background-color:#f2f2f2}#skills h2{padding-bottom:20px;margin-bottom:0}#skills p{margin:0;padding-bottom:50px;font-weight:200}#skills .content{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 20px}#skills .content .skill{display:inline-block;min-width:calc(10% - 20px);z-index:1}#skills .content .skill:hover{cursor:zoom-in;z-index:5}#skills .content .skill:hover img{transform:scale(1.7)}#skills .content .skill img{transition:transform .2s;width:60px;height:60px}#skills .content .skill .preact-hint{bottom:70px!important;font-weight:800;font-size:20px}#skills .content .skill>div{z-index:1}#projects{background-color:#fff}#projects h2{padding-bottom:20px;margin-bottom:0}#projects p{margin:0;padding-bottom:50px;font-weight:200}#projects .content{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}#projects .project{border:1px solid rgb(190,30,45);border-radius:10px;position:relative;flex:0 0 33.3333333333%;max-width:calc(33.3333333333% - 30px);overflow:hidden}@media only screen and (max-width: 1260px){#projects .project{flex-basis:50%;max-width:calc(50% - 30px)}}@media only screen and (max-width: 700px){#projects .project{flex-basis:100%;max-width:calc(100% - 30px)}}#projects .project .wrapper{width:100%;padding-bottom:50%;position:relative}#projects .project .image{background-repeat:no-repeat;background-position:0 50%;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}#projects .project .overlay{padding:20px;height:calc(100% - 40px);position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;justify-content:center;background-color:#ffffffe6;opacity:0;transition:opacity .25s ease-in-out}@media only screen and (max-width: 800px) and (min-width: 700px){#projects .project .overlay{gap:2px}}#projects .project .overlay:hover{opacity:1}@media (hover: hover) and (pointer: fine){#projects .project .overlay:hover{opacity:1}}@media only screen and (max-width: 800px) and (min-width: 700px){#projects .project .button{font-size:16px}}#projects .project h3{color:#be1e2d;font-size:20px}@media only screen and (max-width: 800px) and (min-width: 700px){#projects .project h3{font-size:18px}}#projects .project p{font-size:16px}@media only screen and (max-width: 800px) and (min-width: 700px){#projects .project p{font-size:14px}}#projects .project h3,#projects .project p{padding:0;margin:0}#contact{background-color:#f2f2f2}#contact h2{padding-bottom:15px}#contact .content{display:flex;gap:20px}@media only screen and (max-width: 1024px){#contact .content{display:block}}#contact .socials{display:flex;color:#be1e2d;font-size:40px;width:50%}#contact .socials .preact-hint{font-size:20px;font-weight:800}#contact .socials a:hover{color:#333}#contact-form{display:flex;gap:20px;width:100%}#contact-form label{height:0;color:transparent}#contact-form input,#contact-form textarea{display:block;font-family:Albert Sans,sans-serif;font-size:18px;background-color:#fff;color:#333;border:1px solid rgb(190,30,45);border-radius:5px;padding:10px}#contact-form input[name=subject],#contact-form textarea[name=subject]{display:none}#contact-form input[disabled],#contact-form textarea[disabled]{border-color:#333;opacity:.5}#contact-form button[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}#contact-form textarea{height:100%}#contact-form>div{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}@media only screen and (max-width: 1024px){#contact-form{margin-top:40px}}@media only screen and (max-width: 800px){#contact-form{flex-direction:column}}footer{padding:30px 20px;background-color:#be1e2d;color:#f2f2f2;text-align:center;font-weight:200}footer small{font-size:75%}footer small:last-of-type{padding-left:5px}@media only screen and (max-width: 500px){footer small{display:block}}footer a:not(.license){border-bottom:1px dotted rgb(242,242,242)}footer a:not(.license):hover{border-bottom:0}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}