:root{--myBlackColor:#121212;--contentWidth:150rem}html{color:#fff;scroll-behavior:smooth;font-family:Inter;font-size:.6em}body{background-color:var(--myBlackColor,black);margin:0;padding:0}.wrapper{max-width:min(90vw,1400px);width:var(--contentWidth);margin:auto;display:block}a{color:#fff;text-decoration:underline}:hover{color:#aaa}:visited{color:#ddd}button{padding:none;background:0 0;border:none;outline:none}nav{height:5rem;padding:none;border:0 solid #fff;border-bottom-width:.3rem;justify-content:center;align-self:center;padding:0;font-style:normal;display:grid}.navButton{color:#eee;width:10rem;height:100%;font:Inter;text-align:center;background:0 0;place-self:center;font-size:1.6rem;text-decoration:none;position:relative}.navButton:hover{background-color:#333}.navButton:active{color:var(--myBlackColor,black);background-color:#fff}#showreel{aspect-ratio:2.39;object-fit:cover;width:100%}#aboutMe{overflow:hidden}#aboutMe .wrapper{place-content:center space-between;gap:8rem;margin-top:0;padding:0;display:flex}#introduction{color:#eee;text-wrap-mode:wrap;float:left;flex:1;align-self:center;width:40%;min-width:40rem;height:fit-content;padding-top:5.7rem;padding-bottom:5.7rem;font-family:Inter;font-size:1.7rem;display:block}#introduction .img{width:70%}#introduction p{width:min(900px,40vw);font-size:2rem}canvas{z-index:1}#headerFigure{flex:1;gap:0;margin:0;display:grid}#headerfigure *{grid-area:1/1;width:60rem;height:60rem;margin:0}#myWork{background-color:#fff}#myWorksTitle{width:100%;padding:7rem 0 5rem;display:block}#myWorksTitleMobile{width:100%;padding:7rem 0 5rem;display:none}#works{flex-flow:column wrap;justify-content:center;gap:6vw;width:100%;padding-bottom:12rem;display:flex}.work{flex:1;gap:3.5vw;max-height:max(27.5vw,550px);padding:0;display:flex;position:relative;overflow:hidden}.workThumbnail{flex-shrink:0;width:fit-content;min-width:30%;max-width:40%;height:fit-content;overflow:hidden}.workThumbnail img{object-fit:cover;width:100%;height:100%;transition:all .15s}.workThumbnail:hover>img{transition:all .1s;transform:scale(1.03)}.workThumbnail:active>img{transform:scale(1.07)}.workThumbnail>h2{color:#fff;box-sizing:border-box;float:left;background-color:#121212;margin:0;padding:3rem 1.5rem 1.3rem;font-size:2rem;transition:all .3s;position:absolute;top:-2%;left:2%}.workThumbnail:hover>h2{top:-1%}.workDescription{text-align:left;flex-shrink:1;margin:0;font-size:2.3rem}.workDescription p{margin:1rem 0 0}.workDescription .smallTitle{font-size:1.6rem;font-weight:900;line-height:4rem}footer{background-color:var(--myBlackColor,black);border:0 solid #fff;border-top-width:.1rem;padding-top:5rem;padding-bottom:15rem}footer .wrapper img{width:60%;margin-bottom:3rem}@media (width<=900px){#introduction{padding-top:12rem;padding-bottom:12rem}footer .wrapper img{width:100%;margin-bottom:3rem}#showreel{aspect-ratio:1;object-fit:cover;width:100%}#headerTitle{width:100%}#myWorksTitle{display:none}#myWorksTitleMobile{display:block}.workThumbnail{flex:1;width:100%;max-width:none}.workThumbnail h2{font-size:3rem}.work{flex-wrap:wrap;gap:.75rem;max-height:none;padding-bottom:7.5rem}#introduction p{font-size:4rem}.navButton{width:20rem;max-width:30%;font-size:2.5rem}nav{height:7.5rem}}footer a{color:#fff;font-size:1.5rem;font-style:normal;line-height:3rem;text-decoration:none}:hover{text-decoration:underline}