#navbar-container{align-items:center;border-radius:.25rem;cursor:default;display:flex;height:42px;justify-content:space-between;margin:0 auto;max-width:960px;padding:.25rem 1rem;width:calc(100% - 4rem)}#navbar-container.light{border:1px solid rgba(18,18,18,.1)}#navbar-container.dark{border:1px solid rgba(255,255,255,.2)}#navbar-container .left{display:flex}#navbar-container .left img{height:2rem;width:2rem}#navbar-container .left a{font-weight:700}#navbar-container .middle{margin:0 2rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}#navbar-container .middle a{font-weight:700}#navbar-container .middle a.short{display:none}#navbar-container .right{align-items:center;display:flex}#navbar-container .right button{background-color:transparent;border:none;cursor:pointer;display:flex}#navbar-container .right button img{height:1.5rem;width:1.5rem}@media (max-width: 575px){#navbar-container .middle a.long{display:none}#navbar-container .middle a.short{display:block}}#about-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding:4rem 0;width:calc(100% - 4rem)}#about-container.light{border-bottom:1px solid rgba(18,18,18,.1)}#about-container.dark{border-bottom:1px solid rgba(255,255,255,.1)}#about-container h1{font-size:4rem;margin-bottom:2rem;text-align:center}#about-container>h2{color:var(--accent);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}#about-container .quick-facts{display:flex;margin-bottom:8rem;height:67px;width:calc(200% / 3)}#about-container .quick-facts .location,#about-container .quick-facts .time,#about-container .quick-facts .weather{animation:fadeIn 1s ease;align-items:center;cursor:default;display:flex;flex-direction:column;font-weight:700;justify-content:space-between;margin:0 1rem;text-align:center;width:calc(100% / 3)}#about-container .quick-facts .location img,#about-container .quick-facts .time img,#about-container .quick-facts .weather img{height:2rem;margin-bottom:1rem;width:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#skills-container{margin-bottom:4rem}#about-container .skills{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}#about-container .skills>div{display:flex;position:relative}#about-container .skills>div img{height:2rem;width:2rem}#about-container .skills>div p{border-radius:.25rem;font-size:1rem;font-weight:700;left:50%;padding:.25rem 1rem;position:absolute;text-align:center;top:0;transform:translateY(calc(-100% - 1rem)) translate(-50%);width:max-content;z-index:1}#about-container .skills>div p.light{background-color:#121212cc;color:#fff}#about-container .skills>div p.dark{background-color:#fffc;color:#121212}#about-container .skills>div p:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}#about-container .skills>div p.light:after{border-top:10px solid rgba(18,18,18,.8)}#about-container .skills>div p.dark:after{border-top:10px solid rgba(255,255,255,.8)}#about-container .links{align-items:center;display:flex}#about-container .links a{align-items:center;border-radius:100%;display:flex;justify-content:center;margin:0 2rem}#about-container .links a img{height:3rem;width:3rem}#about-container .links a:hover img{animation:bobbing 1.5s ease-in-out infinite}@keyframes bobbing{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width: 575px){#about-container .quick-facts{align-items:center;flex-direction:column;height:241px;margin-bottom:4rem;width:100%}#about-container .quick-facts .location,#about-container .quick-facts .time,#about-container .quick-facts .weather{width:100%}#about-container .quick-facts .location span,#about-container .quick-facts .time span,#about-container .quick-facts .weather span{text-align:center}#about-container .quick-facts .location img,#about-container .quick-facts .time img,#about-container .quick-facts .weather img{margin-bottom:.5rem}#about-container .quick-facts .time{margin:2rem 0}#about-container .quick-facts span{text-align:left}#about-container .links a{margin:0 1rem}}#biography-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding:4rem 0;width:calc(100% - 4rem)}#biography-container.light{border-bottom:1px solid rgba(18,18,18,.1)}#biography-container.dark{border-bottom:1px solid rgba(255,255,255,.1)}#biography-container img{height:200px;margin:2rem 0;width:200px}#biography-container .text p{font-size:20px}#biography-container .text p:not(:last-of-type){margin-bottom:1rem}#projects-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding:4rem 0;width:calc(100% - 4rem)}#projects-container.light{border-bottom:1px solid rgba(18,18,18,.1)}#projects-container.dark{border-bottom:1px solid rgba(255,255,255,.1)}#projects-container h3{margin:4rem 0 2rem;text-align:center}#featured-projects-container,#in-progress-projects-container,#other-projects-container{align-items:stretch;display:flex;height:100%;justify-content:center;width:100%}.project-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 2rem;padding:.5rem;text-decoration:none;transition:.3s all ease;width:300px}.project-container img{aspect-ratio:16 / 9;border-radius:1rem;width:100%}.project-container:hover{text-decoration:underline}.project-container:hover.light{color:#121212}.project-container:hover.dark{color:#fff}.project-container.featured{width:450px}.project-container.light{border:1px solid rgba(18,18,18,.1)}.project-container.light:hover{background-color:#1212121a}.project-container.dark{outline:1px solid rgba(255,255,255,.1)}.project-container.dark:hover{background-color:#ffffff1a}.project-information{flex:1;margin-bottom:auto}.project-information h4{margin:.5rem 0}.project-information p{font-size:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){#in-progress-projects-container,#other-projects-container{align-items:center;flex-direction:column}#in-progress-projects-container .project-container:not(:last-of-type),#other-projects-container .project-container:not(:last-of-type){margin-bottom:2rem}#in-progress-projects-container .project-container,#other-projects-container .project-container{max-width:300px;width:100%}#featured-projects-container{align-items:center;flex-direction:column}#featured-projects-container .project-container{max-width:450px;width:100%}}#contact-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding:4rem 0;width:calc(100% - 4rem)}#contact-container.light{border-bottom:1px solid rgba(18,18,18,.1)}#contact-container.dark{border-bottom:1px solid rgba(255,255,255,.1)}#contact-container h2{margin-bottom:2rem}#contact-form{display:flex;flex-direction:column;max-width:640px;width:100%}#contact-form p{font-weight:700;margin:2rem auto 0}#contact-form p.success{color:green}#contact-form p.failure{color:red}#contact-form button{background-color:var(--accent);border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:2rem auto 0;padding:.5rem 1rem;transition:.3s all ease;width:50%}#contact-form button:hover{border-radius:.5rem;filter:brightness(75%)}.form-group{display:flex;flex-direction:column;justify-content:center;margin:.5rem 0;width:100%}.form-group label{font-weight:700;margin-bottom:.25rem}.form-group input,.form-group textarea{font-size:1rem;font-weight:700;padding:.25rem}.form-group textarea{resize:none}.form-group.light input,.form-group.light textarea{border:2px solid #121212}.form-group.dark input,.form-group.dark textarea{background-color:#121212;border:2px solid #ffffff;color:#fff}#article-container{border-radius:1rem;display:flex;flex-direction:column;margin:0 auto;max-width:960px;padding:2rem 0;width:calc(100% - 4rem)}#article-container.light{border-bottom:1px solid rgba(0,0,0,.1)}#article-container.dark{border-bottom:1px solid rgba(255,255,255,.1)}.title{align-items:center;display:flex}.title img{height:3rem;margin-right:2rem;width:3rem}.title h1{font-size:2.5rem}.subtitle{font-size:20px;margin-top:1rem}.subtitle.light{color:#121212cc}.subtitle.dark{color:#fffc}.hero{aspect-ratio:16 / 9;border-radius:1rem;margin:2rem 0;width:100%}.icons-container{display:flex;flex-wrap:wrap;gap:2rem}.icons-container div{position:relative}.icons-container div img{height:2rem;width:2rem}.icons-container div p{border-radius:.25rem;font-size:1rem;font-weight:700;left:50%;padding:.25rem 1rem;position:absolute;text-align:center;top:0;transform:translateY(calc(-100% - 1rem)) translate(-50%);z-index:1}.icons-container div p.light{background-color:#121212cc;color:#fff}.icons-container div p.dark{background-color:#fffc;color:#121212}.icons-container div p:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}.icons-container div p.light:after{border-top:10px solid rgba(18,18,18,.8)}.icons-container div p.dark:after{border-top:10px solid rgba(255,255,255,.8)}.links-container{display:flex;flex-direction:column;margin:2rem 0}.links-container div{align-items:center;display:flex}.links-container div:not(:first-of-type){margin-top:1rem}.links-container div img{height:2rem;margin-right:1rem;width:2rem}.links-container div a{font-size:20px;font-weight:700}#article-container .content .foreword{font-size:18px;margin-bottom:4rem}#article-container .content .foreword li{font-weight:400}#article-container .content h2{margin-bottom:1rem;text-decoration:underline}#article-container .content h2:not(:first-of-type){margin-top:2rem}#article-container .content .paragraph{margin-bottom:1rem}#article-container .content p{font-size:20px}#article-container .content h3{margin-top:1rem}#article-container .content ul{font-size:18px;margin-left:2rem}#article-container .content ul li:first-of-type{margin-top:.25rem}#article-container .content ul li:not(:last-of-type){margin-bottom:.25rem}#article-container .content ul li:last-of-type{margin-bottom:1rem}@media (max-width: 575px){.title h1{font-size:2rem}.title img{display:none}}#footer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:960px;padding:2rem 0 0;text-align:center;width:calc(100% - 4rem)}p{font-size:1rem}#not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;height:100vh}#not-found-container.light{background-color:#fff}#not-found-container.dark{background-color:#121212}#not-found-container button{background-color:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2rem;text-decoration:underline}#not-found-container button:hover{color:var(--accent)}@font-face{font-family:pp_neue_montrealthin;src:url(/assets/ppneuemontreal-thin-webfont-DmtNFe-j.woff2) format("woff2"),url(/assets/ppneuemontreal-thin-webfont-Ci8GwiPv.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:pp_neue_montrealSBdIt;src:url(/assets/ppneuemontreal-semibolditalic-webfont-DvMJwp5G.woff2) format("woff2"),url(/assets/ppneuemontreal-semibolditalic-webfont-z56etEQH.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:pp_neue_montrealmedium;src:url(/assets/ppneuemontreal-medium-webfont-CzmA2OJd.woff2) format("woff2"),url(/assets/ppneuemontreal-medium-webfont-Brna6N7L.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:pp_neue_montrealitalic;src:url(/assets/ppneuemontreal-italic-webfont-DfCfduVe.woff2) format("woff2"),url(/assets/ppneuemontreal-italic-webfont-DXcHkVIe.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:pp_neue_montrealbook;src:url(/assets/ppneuemontreal-book-webfont-CBRQxXF9.woff2) format("woff2"),url(/assets/ppneuemontreal-book-webfont-Ztk0A5UU.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:pp_neue_montrealbold;src:url(/assets/ppneuemontreal-bold-webfont-E2Ci-S5g.woff2) format("woff2"),url(/assets/ppneuemontreal-bold-webfont-C6Z_EKH1.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box;font-family:pp_neue_montrealbook,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:pp_neue_montrealbold,sans-serif}:root{--accent: #6c63ff}#wrapper{padding:2rem 0}#wrapper.light{background-color:#fff;color:#121212}#wrapper.dark{background-color:#121212;color:#fff}.dark{color:#fff}.light{color:#121212}a:hover{color:var(--accent)}