.hero{width:100%;height:max-content;padding:2%}.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:#fff;z-index:5;background-color:#c44c47;padding:0 10%;font-family:bangers;font-size:5vw;top:10%;left:-10%;transform:rotate(-45deg)}.heroimg>div:nth-child(3){color:#fff;width:40%;font-family:bangers;font-size:5vw;top:50%;left:5%}@media only screen and (max-width:600px){.heroimg{height:28vh}.hero{font-size:5vh}}
.projects{padding:0 2%}.projects h1{text-align:center;text-shadow:4px 4px 5px gray;font-family:bangers;font-size:18vw}.projects-list{gap:2%;width:100%;height:max-content;margin-top:5%;display:flex}.projects-list h2{text-transform:uppercase;font-family:barlow bold italic;font-size:5vw}.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}.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}
.skills{margin-top:5%;padding:2%}.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}.skills-items{justify-content:center;gap:1%;display:flex}.skills-items div{font-family:spacemono italic;font-size:1vw}
footer{width:100%;height:max-content;padding:2%}.footer_inner{justify-content:space-between;align-items:center;width:100%;display:flex}.footer_inner>div{flex-direction:column;flex:1;justify-content:center;height:max-content;padding:1% 2%;display:flex}.footer_inner>div:first-child{font-family:bangers;font-size:5vw;font-weight:100}.footer_inner ul{justify-content:space-around;align-items:center;list-style:none;display:flex}.footer_inner>div:nth-child(2){text-transform:capitalize;border-left:var(--line);border-right:var(--line);font-family:spacemono italic;font-size:1.5vw}.footer_inner>div:nth-child(3){text-transform:capitalize;word-spacing:-20%;font-family:spacemono italic;font-size:1vw}.cc{word-spacing:-20%;text-align:center;font-family:spacemono italic;font-size:1vw;transform:translateY(50%)}.cc a{text-transform:capitalize;color:var(--red);text-decoration:none}