*,:before,:after{box-sizing:border-box}:root{--board:#fff;--charcoal:#333;--coal:#151515bf;--anthr:#15151580;--sans:"Inter Variable", Roboto, sans-serif}#root{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}body{background-color:var(--board);color:var(--charcoal);font-family:var(--sans);margin:0;overflow-x:hidden}.tit{color:inherit;text-decoration:none}h1{font-family:var(--sans);color:var(--charcoal);font-size:1.25rem;line-height:1.2}h2,h3{font-family:var(--sans);text-align:center;font-size:1rem;line-height:1.2}h4{font-family:var(--sans);font-size:.9rem;line-height:1.2}@media (width>=768px){h1{font-size:1.5rem}h2,h3{font-size:1.25rem}h4{font-size:1rem}}@media (width>=1025px){h1{font-size:2rem}h2,h3{font-size:1.5rem}h4{font-size:1.25rem}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}nav,footer{flex-shrink:0}main{flex:1;overflow-y:auto}nav{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px;height:auto;margin:5px 15px;display:flex}.pageTitle{flex-direction:column;gap:0;display:flex}.pageIndex{flex-direction:column;align-items:flex-end;gap:.5rem;margin:0;padding-top:0;display:flex}.navLink{color:inherit;text-decoration:none}.activePage{text-transform:uppercase;font-weight:900}footer{flex-direction:row;justify-content:center;align-items:center;gap:2.5vw;height:auto;margin:0;padding:10px 15px;display:flex}.networkLinks{flex-direction:row;justify-content:center;gap:2.5vw;display:flex}.networkLinks img{width:25px;transition:transform .3s}.networkLinks img:hover{transform:scale(2.1)}.erreur{flex-direction:row;justify-content:center;gap:5vw;margin:15vh auto;display:flex}.textErreur{text-align:justify;margin:10vh 0}@media (width>=768px){nav{align-items:center;height:80px;margin:5px 25px}.pageTitle{flex-direction:row;gap:5vw}.pageTitle h2{padding-top:1vh}.pageIndex{flex-direction:row;justify-content:space-around;align-items:center;gap:4vw;margin:20px;padding-top:1.5vh}footer{height:50px;margin:0 25px}footer>span:last-child{position:absolute;right:15px}}@media (width>=1025px){.pageIndex{gap:5vw}}#hero{height:100%}.heroPhoto{object-fit:cover;object-position:30% center;width:100%;height:100%;margin:0 auto;display:block}#about{width:75%;margin:3vh auto}.whataboutism{flex-direction:column;gap:6vh;display:flex}.selfportrait{width:100%;height:auto;display:block}.whatatext{text-align:justify;margin:0;font-size:1rem}@media (width>=768px){#about{width:80%;margin:4vh auto}.whataboutism{flex-direction:row;align-items:center;gap:4vw}.whatatext{font-size:1.15rem}}@media (width>=1025px){#about{width:60%;margin:10vh auto}.whataboutism{gap:5vw}.whatatext{margin:5vh auto;font-size:1.25rem}}#portfolio,#project{flex-direction:column;justify-content:center;gap:1rem;margin:10px auto;display:flex}.myLink{color:var(--charcoal);text-decoration:none}.gateway{grid-template-columns:1fr;gap:1rem;width:90%;margin:0 auto;display:grid}.gate{transition:transform .3s;position:relative}.gate img{aspect-ratio:1.618;object-fit:cover;width:100%;height:100%;margin:0 auto;display:block}.gate:hover{z-index:5;transform:scale(1.2)}.gate h2{color:var(--board);z-index:1;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;bottom:15px;left:15px}.gate:after{content:"";background:var(--anthr);position:absolute;inset:0}.gallery{flex-direction:column;gap:5rem;width:100%;margin:0 auto;display:flex}.gallery h2{text-align:center;margin:0 9px}.kindOf{text-align:center;margin:0 0 10px;font-size:.9rem}.gallery img{aspect-ratio:16/9;object-fit:cover;justify-content:center;width:100%;height:auto;max-height:100vh;transition:transform .3s;display:block}.gallery img.titulin{aspect-ratio:auto;object-fit:contain}.gallery img:hover{transform:scale(1.1)}.gallery iframe{aspect-ratio:16/9}.titulin{width:100%;margin:0 auto;transition:transform .3s}.titulin:hover{transform:scale(1.1)}iframe{width:100%;transition:transform .3s}iframe:hover{transform:scale(1.1)}.mosaic{flex-direction:column;justify-content:center;gap:.75rem;width:100%;height:100%;margin:0 auto;display:flex}figcaption{margin-top:5rem}.overlay{background:var(--coal);z-index:1000;width:100vw;height:100vh;animation:.2s fadeIn;position:fixed;inset:0}.modal{width:80vw;max-height:80%;color:var(--charcoal);box-sizing:border-box;z-index:2000;border-radius:20px;margin:25px auto;animation:.35s scaleIn;position:fixed;inset:0}.modal img{object-fit:contain;max-width:100%;max-height:90vh}.caja{width:90%;margin:0 auto}.closure{cursor:pointer;z-index:2000;background:0 0;border:none;width:40px;height:40px;position:absolute;top:10px;right:15px}.closure img{z-index:3000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width>=768px){#portfolio,#project{margin:25px 4vw}.gateway{grid-template-columns:repeat(3,1fr);width:100%}.gallery h2{margin:0}.kindOf{font-size:1.25rem}.mosaic{gap:2.5rem;width:90%}.gate img{width:100%}}.diavoloForm{flex-direction:column;gap:3rem;display:flex}.contactForm{width:100%;font-family:var(--sans);background-color:#ffffffe6;border-radius:8px;flex-direction:column;gap:1rem;padding:2rem;display:flex}.contactForm h3{text-align:center}.textbox{font-family:var(--sans);text-align:left;flex-direction:column;gap:5px;display:flex}input,textarea{font-family:var(--sans);color:var(--charcoal);border-radius:5px}input{height:4vh}.submit{width:60%;height:50px;font-size:1rem;font-weight:700;font-family:var(--sans);border-radius:10px;margin:10% auto;padding:12.5px}.enabled{background-color:var(--brown-focus);color:var(--board);background-color:var(--charcoal)}.disabled{background-color:var(--board);color:var(--charcoal);cursor:not-allowed;pointer-events:none}@media (width>=768px){.diavoloForm{flex-direction:row;justify-content:center;align-items:center;gap:4rem}.contactForm{width:90%;max-width:400px}}@media (width>=1025px){#contact{height:100%;overflow:hidden}.diavoloForm img{width:auto;height:auto;max-height:100%;display:block}}
