*,:after,:before,body{padding:0;margin:0;box-sizing:border-box}ol,ul{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{border:none;cursor:pointer}table{text-align:left;border-collapse:collapse}:root{--lightMain:#EBF4FA;--darkMarin:#36393A;--accentLight:#C9E4D3;--accentDark:#5DAD7C;--large-shadow:0px 32px 64px rgba(51, 51, 51, 0.05),0px 16px 32px rgba(51, 51, 51, 0.05),0px 8px 16px rgba(51, 51, 51, 0.05),0px 4px 8px rgba(51, 51, 51, 0.05),0px 2px 4px rgba(51, 51, 51, 0.05),0px 1px 2px rgba(51, 51, 51, 0.05);--medium-shadow:0px 4px 8px rgba(51, 51, 51, 0.05),0px 2px 4px rgba(51, 51, 51, 0.05),0px 1px 2px rgba(51, 51, 51, 0.05)}.mb-0{margin-bottom:0}.mb-auto{margin-bottom:1em}.project__step,footer,section+section{margin-top:5rem}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(Inter-Thin-BETA.woff2?v=3.11) format("woff2"),url(Inter-Thin-BETA.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(Inter-ThinItalic-BETA.woff2?v=3.11) format("woff2"),url(Inter-ThinItalic-BETA.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(Inter-ExtraLight-BETA.woff2?v=3.11) format("woff2"),url(Inter-ExtraLight-BETA.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(Inter-ExtraLightItalic-BETA.woff2?v=3.11) format("woff2"),url(Inter-ExtraLightItalic-BETA.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(Inter-Light-BETA.woff2?v=3.11) format("woff2"),url(Inter-Light-BETA.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(Inter-LightItalic-BETA.woff2?v=3.11) format("woff2"),url(Inter-LightItalic-BETA.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(Inter-Regular.woff2?v=3.11) format("woff2"),url(Inter-Regular.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(Inter-Italic.woff2?v=3.11) format("woff2"),url(Inter-Italic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(Inter-Medium.woff2?v=3.11) format("woff2"),url(Inter-Medium.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(Inter-MediumItalic.woff2?v=3.11) format("woff2"),url(Inter-MediumItalic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(Inter-SemiBold.woff2?v=3.11) format("woff2"),url(Inter-SemiBold.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(Inter-SemiBoldItalic.woff2?v=3.11) format("woff2"),url(Inter-SemiBoldItalic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(Inter-Bold.woff2?v=3.11) format("woff2"),url(Inter-Bold.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(Inter-BoldItalic.woff2?v=3.11) format("woff2"),url(Inter-BoldItalic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(Inter-ExtraBold.woff2?v=3.11) format("woff2"),url(Inter-ExtraBold.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(Inter-ExtraBoldItalic.woff2?v=3.11) format("woff2"),url(Inter-ExtraBoldItalic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(Inter-Black.woff2?v=3.11) format("woff2"),url(Inter-Black.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(Inter-BlackItalic.woff2?v=3.11) format("woff2"),url(Inter-BlackItalic.woff?v=3.11) format("woff")}@font-face{font-family:'Inter var';font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:Regular;src:url(../fonts/Inter.var.woff2?v=3.11) format("woff2")}@font-face{font-family:'Inter var';font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:Italic;src:url(../fonts/Inter.var.woff2?v=3.11) format("woff2")}html{font-family:Inter,sans-serif;font-size:18px;line-height:1.5;color:var(--mainDark)}@supports (font-variation-settings:normal){html{font-family:'Inter var',sans-serif}}:root{--int:1.414;--scale0:1rem;--scale-1:calc(var(--scale0) / var(--int));--scale-2:calc(var(--scale-1) / var(--int));--scale1:calc(var(--scale0) * var(--int));--scale2:calc(var(--scale1) * var(--int));--scale3:calc(var(--scale2) * var(--int));--scale4:calc(var(--scale3) * var(--int));--scale5:calc(var(--scale4) * var(--int));--scale6:calc(var(--scale5) * var(--int));--scale7:calc(var(--scale6) * var(--int));--scale8:calc(var(--scale7) * var(--int));--scale9:calc(var(--scale8) * var(--int));--scale10:calc(var(--scale9) * var(--int))}.t-main-body,li,p{font-size:var(--scale0);font-weight:400}.t-main-body--italic,blockquote,cite,i,q{font-size:var(--scale0);font-style:italic;font-weight:400}.t-big-body{font-size:var(--scale3);font-weight:400}.t-hero-title,h1{font-weight:700;font-size:var(--scale5);line-height:1}.t-hero-title>span,h1>span{display:block}@media screen and (max-width:600px){.t-hero-title,h1{font-size:var(--scale3)}}.t-big-title{font-weight:700;font-size:var(--scale3)}.t-medium-title{font-weight:700;font-size:var(--scale2)}.t-small-title{font-weight:700;font-size:var(--scale0)}.t-small-link,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{font-weight:700;font-size:inherit;text-decoration:none;border-bottom:3px solid var(--accentDark);color:currentColor;-webkit-transition:all .2s;transition:all .2s}.t-small-link:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,p a:hover{border-bottom:3px solid transparent;color:var(--accentDark)}.flow>*+*{margin-top:1em}.flow>a{display:inline-block}nav{position:fixed;top:0;padding:1rem 0;z-index:10}.nav__home{text-indent:-9999px;overflow:hidden;display:block;width:50px;height:50px;background-image:url(https://www.benjaminpalmero.be/_favicon/apple-touch-icon.png);background-repeat:no-repeat;background-size:contain}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding:1rem}@media screen and (min-width:1200px){.container{padding:0}}@-webkit-keyframes titleBreathe{0%{font-weight:100}100%{font-weight:700}}@keyframes titleBreathe{0%{font-weight:100}100%{font-weight:700}}header.container{padding-top:15vh;min-height:70vh}header.container>*{max-width:700px}header.container h1{margin-bottom:1rem;-webkit-animation:titleBreathe 1s forwards;animation:titleBreathe 1s forwards}h2.t-medium-title.t-medium-title--inview{-webkit-animation:titleBreathe 1s forwards;animation:titleBreathe 1s forwards}.projects{background-color:var(--accentLight);padding:5rem 0}.projects__container{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.projects__container>.project{flex-basis:calc(calc(100% - 2rem)/ 3);-webkit-box-flex:1;flex-grow:1;min-width:300px}@media screen and (min-width:1000px){.projects__container>.project{max-width:calc(calc(100% - 2rem)/ 3)}.projects__container>.project:nth-child(2){margin-right:1rem;margin-left:1rem}}.project__link{height:100%;color:var(--mainDark);text-decoration:none;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.project{margin-bottom:1rem;padding:1rem;background-color:#fff;border-radius:5px;box-shadow:var(--large-shadow);-webkit-transition:all .3s;transition:all .3s}.project:hover{box-shadow:none}.project:hover .project__img{box-shadow:var(--large-shadow)}.project:hover .project__img>img{-webkit-transform:translateY(-80%);transform:translateY(-80%);-webkit-transition:all 8s;transition:all 8s}.project:not(.main_project) .project__description{margin-bottom:1rem}.project__info{display:inline-block;margin-bottom:1rem}.project__tags{display:-webkit-box;display:flex;flex-wrap:wrap;margin-top:auto}.project__tags>.tag{margin-right:.5rem;margin-top:.5rem}.project__tags>.tag:last-child{margin-right:0}.tag{padding:.5rem;border-radius:3px;line-height:1;font-size:var(--scale-1);font-weight:600;background-color:var(--accentDark);color:#fff}h1 .tag{margin-right:.5rem}.project__img{height:200px;margin-bottom:1rem;border-radius:5px;box-shadow:var(--medium-shadow);-webkit-transition:all .3s;transition:all .3s;overflow:hidden;position:relative}.project__img>img{position:absolute;top:0;width:100%;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 2s;transition:all 2s}.main_project>.project__link{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}@media screen and (min-width:800px){.main_project>.project__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.main_project>.project__link>*{flex-basis:calc(calc(100% - 2rem)/ 2);min-width:calc(calc(100% - 2rem)/ 2)}.main_project>.project__link .main_project__img{margin-right:2rem}}.main_project__img{margin-bottom:1rem;height:400px}.main_project__img>img{-o-object-fit:cover;object-fit:cover}.about.container>*,.contact.container>*{max-width:600px}.contact__list{margin-top:1rem}.contact__element>a{padding:.5rem 0;color:var(--accentDark);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.contact__element>a>svg{width:30px;height:30px;margin-right:1rem}footer{padding-bottom:10vh}.project-page{max-width:1400px;margin:0 auto}.project-page>main{margin-top:5rem}.project-page>main>.container{max-width:700px;margin:0 auto}.project__step>figure>picture>img{box-shadow:var(--medium-shadow)}.project__step__figure--fullwidth{margin:3rem 0}@media screen and (min-width:1000px){.project__step__figure--fullwidth{margin:3rem calc(-100vw / 2 + 750px / 2)}}.project__step__figure--fullwidth>picture>img{width:100%;margin:0 auto;max-width:1700px}.project__step__figure--2{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}@media screen and (min-width:1000px){.project__step__figure--2{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.project__step__figure--2>picture{flex-basis:50%;-webkit-box-flex:1;flex-grow:1}}
/*# sourceMappingURL=main.css.map */
