.hero{width:100%;height:max-content}.heroimg{width:100%;height:120vh;position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:0% 25%;filter:saturate(50%);width:100%;height:100%}.heroimg>div{position:absolute}.heroimg>div:nth-child(2){color:var(--heading-color);z-index:5;text-align:center;background-color:#c44c47;width:100%;padding:0 10%;font-family:bangers;font-size:5vw;top:6vw;left:-39vw;transform:rotate(-45deg)}.heroimg>div:nth-child(3){color:#fff;width:40%;font-family:bangers;font-size:5vw;top:50%;left:5%}@media screen and (max-width:480px){.heroimg{width:100%;height:90vh}.hero img{object-fit:cover;object-position:center;width:100vw;height:90vh}.heroimg>div:nth-child(2){font-size:8vw;top:10vw;left:-35vw}.heroimg>div:nth-child(3){color:#fff;width:50%;font-family:bangers;font-size:10vw;top:50%;left:5%}}
@media screen and (max-width:480px){.headername{height:94svh;max-height:94svh;line-height:100%}}
.projects h1{font-family:bangers;font-size:18vw;font-size:var(--heading-font-size);text-align:center;text-shadow:4px 4px 5px gray;color:var(--heading-color);background-color:var(--black)}.projects-list{gap:2%;width:100%;height:max-content;margin-top:5%;display:flex}.projects-list h2{text-transform:uppercase;font-family:bangers;font-size:5vw;font-weight:100}.project-main{width:70%;position:relative}.project-main>div{gap:1.5%;display:flex}.project-main>p:first-letter{float:left;color:var(--red);margin-right:1%;font-family:bangers;font-size:5vw;font-weight:700;line-height:80%}.project-main p{margin-top:3%;font-family:liber italic;font-size:1.5vw}.project-main>.imagename{justify-content:center;align-items:center;margin-bottom:3%;font-family:spacemono bold italic;display:flex}.project-small{flex-direction:column;gap:2%;width:30%;margin-top:5%;display:flex}.project-small>div h3{font-family:bangers;font-size:2vw;font-weight:100}.project-small>div p{margin-top:2%;margin-bottom:2%;font-family:liber italic;font-size:1vw}.project-small>div>p:first-letter{float:left;color:var(--red);margin-right:1%;font-family:bangers;font-size:5vw;font-weight:700;line-height:80%}.halftone{width:100%;position:relative}.project-main .halftone:after{content:"";cursor:pointer;background-image:radial-gradient(circle,#0003 .1vw,#0000 .1vw);background-size:.5rem .5rem;width:100%;height:100%;position:absolute;top:0;left:0}.project-small .halftone:after{content:"";pointer-events:none;cursor:pointer;background-image:radial-gradient(circle,#ffffff1a .05vw,#0000 .05vw);background-size:.5rem .5rem;width:100%;height:100%;position:absolute;top:0;left:0}.halftone img{mix-blend-mode:multiply;filter:saturate(.8)contrast(1.5)invert(.1);border:1px solid #000;width:100%;display:block}@media screen and (max-width:480px){.projects h1{font-size:var(--heading-font-size);text-shadow:none;font-size:30vw}.projects-list{flex-direction:column;gap:2%;width:100%;height:max-content;margin-top:5%;display:flex}.project-main{width:100%;position:relative}.project-small,.project-small>div{width:100%}.projects-list h2,.project-small>div h3{font-size:8vw}.project-main p,.project-small>div p{font-size:4vw}.project-main>p:first-letter,.project-small>div>p:first-letter{font-size:6vw}.project-small{gap:3vw}}
.skills{margin-top:5%}.skills .canvas_cont{touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.canvas{border:var(--line);width:90%!important;height:90%!important}.section-heading{text-align:center;text-shadow:4px 4px 5px gray;font-family:bangers;font-size:18vw;font-size:var(--heading-font-size);color:var(--heading-color);background-color:var(--black)}.skills-items{flex-wrap:wrap;justify-content:center;gap:1%;padding:0 5%;display:flex}.skills-items div{font-family:spacemono italic;font-size:1vw}@media screen and (max-width:480px){.skills h1{font-size:var(--heading-font-size);text-shadow:none;font-size:30vw}.skills .canvas_cont{height:80vh}.skills-items div{font-size:3vw}}