*{margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{cursor:none}body{background-color:#272727;overflow:hidden;cursor:none;font-family:neue-haas-grotesk-display,sans-serif}a,a:link,a:visited,a:hover,a:active{color:#000;text-decoration:none;cursor:none;z-index:50}.content-component{background-color:#e6e3dd;position:fixed;display:flex;margin-right:30px;margin-top:30px;z-index:3}.home-width{width:0}.navbar{display:flex;flex-direction:column;background-color:#e6e3dd;position:fixed;top:30px;left:0;z-index:3;align-items:center}.logo{font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;transform-origin:bottom right;transform:rotate(-90deg);position:relative;user-select:none;animation:fadeIn 1s ease}.loading-logo{position:absolute;color:#e6e3dd;font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;font-size:50px;bottom:20px;right:60px}.tag{transform-origin:bottom right;transform:rotate(-90deg);position:relative;top:60px;user-select:none;animation:fadeIn .7s ease}.navlinks{position:absolute;bottom:50px;list-style:none;animation:fadeIn .5s ease}.navlinks li{margin-bottom:8px;font-weight:600;user-select:none}.navlinks :hover{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#272727}.secret{color:#272727;text-decoration:none;position:absolute}.secret:hover{transition:all 1s ease;color:#272727;text-decoration:none}.active,.navlinks>li:hover{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#272727}.joker{position:relative;height:60%}.joker-container{position:absolute;justify-content:center;display:flex;height:100vh;width:300px;bottom:0px}.click-zone{position:absolute;height:100px;width:100px;border:2px solid black}.click-zone:hover{background-color:#000}.loading-joker{width:150px;position:absolute;bottom:80px;right:70px}.loading-screen{animation:fadeIn 3s ease;cursor:none}.project-page{justify-content:right}.projects-container{position:relative;display:flex;justify-content:right;width:100%}.project{position:relative;z-index:20;transition:all 2s ease;background-color:#e6e3dd;animation:fadeIn .5s ease;user-select:none}.project-title,.project-year{position:absolute;font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;width:fit-content;white-space:nowrap}.project-contents{position:relative;display:flex;animation:fadeIn 1s ease}.images-container{position:relative;width:50%;overflow-y:scroll}.project-image,.project-video{width:100%}.video-container{margin-bottom:5px;width:100%;padding:100px;background-color:#272727}.project-info-container{position:relative;display:flex;justify-content:flex-end;flex-direction:column;width:50%;border-left:1px solid #272727;justify-content:right}.title{position:relative;line-height:1.1;width:100%;text-align:right;border-bottom:1px solid #272727;border-top:1px solid #272727;font-size:2.9vw;font-weight:600;padding:20px 50px 20px 100px}.description{padding-top:50px;padding-left:20px;font-size:14px;width:80%;font-weight:400;position:relative}.inner-container{position:relative;display:flex;width:100%;height:100vh;justify-content:flex-end;flex-direction:column;bottom:190px}.links-container{z-index:50;width:100%;display:flex;flex-direction:column;position:absolute}.link{z-index:50;position:relative;align-items:center;justify-content:space-between;display:flex;border-top:1px solid #272727;width:100%;font-size:12px;padding-left:40px;height:50px;padding-top:20px;padding-bottom:20px;transition:all .5s ease}.link:hover{height:55px;padding-bottom:30px;opacity:.8}.stack-info{position:absolute;padding-left:4vw;width:100%;font-size:1vw;padding-top:2px;margin-left:20px;color:#e6e3dd;transition:all 1s ease}.stack-info:hover{color:#272727}.contact-container{position:absolute;display:flex;flex-direction:column;right:0;width:30%;top:50%;animation:fadeIn .5s ease}.contact-container span{font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;font-size:20px}.contact-container .ig{margin-bottom:50px}.contact-container .gh{margin-left:30%;margin-bottom:120px}.contact-container .em{margin-left:10%}.contact-container :hover{color:#b40000;text-decoration:dotted}.info-container{font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;position:absolute;display:flex;flex-direction:column;text-align:right;animation:fadeIn .5s ease}.cursor{z-index:100;position:absolute;top:-10px;left:-10px;pointer-events:none;height:25px;width:25px;transform-origin:top left}.cursor img{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 1024px){.navbar{width:70px;height:calc(100vh - 30px)}.content-component{width:calc(100vw - 90px);left:75px;height:calc(150px + 100vh);border-radius:0 20px 0 0}.logo{font-size:23px;right:20px}.tag{right:20px;font-size:14px}.navlinks{font-size:14px}.projects-container{flex-direction:column;overflow-y:scroll;top:0px}.project{background-color:#e6e3dd;border-bottom:1px solid #272727;width:100%;height:50px;border-radius:0 20px 0 0}.project-title{position:absolute;top:20px;left:20px;font-size:12px}.project-year{font-size:12px;right:20px;top:20px}.project-contents{z-index:10;flex-direction:column;width:100%;height:auto;animation:fadeIn 1s ease}.images-container{position:relative;width:100%;height:auto;top:50px;margin-bottom:50px;overflow-y:scroll}.inner-container{position:relative;height:auto}.project-info-container{height:100vh;width:100%;justify-content:flex-start;overflow-y:scroll}.projects-container>.joker-container{left:0}.inner-container{overflow-x:hidden;height:auto;top:0px}.joker-container{bottom:50px}.joker{height:55%;left:20px;bottom:-25%}.click-zone{height:200px;width:200px;z-index:50;left:130px;top:10%;border:2px solid black}.contact-container{font-size:11px;top:50px;width:100%;left:80px}.contact-container .gh{margin-bottom:30px}.info-container{font-size:11px;left:50px;width:70%;top:50px}.loading-joker{width:100px;position:absolute;bottom:60px;right:30px}.loading-logo{position:absolute;color:#e6e3dd;font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;font-size:30px;bottom:20px;right:20px}@keyframes slideOpen{0%{width:0}to{width:calc(100vw - 90px)}}.links-container{position:relative;bottom:-50px}.title{padding-right:10px;font-size:6vw}.description{font-size:3vw;width:90%}.stack-info{color:#272727;font-size:2.5vw;margin-left:50px}}@media screen and (min-width: 1024px){.navbar{width:130px;height:calc(100vh - 60px)}.content-component{width:calc(100vw - 165px);left:135px;overflow-x:scroll;height:calc(100vh - 60px);border-radius:0 20px 20px 0}.logo{font-size:32px;right:25px}.tag{font-size:16px;right:50px}.navlinks{font-size:16px}.projects-container{justify-content:right;flex-direction:row;overflow:hidden;height:100%}.project{border-bottom:none;border-left:1px solid #272727;width:50px;height:100%;border-radius:0 20px 20px 0;background-color:#e6e3dd;user-select:none}.project:hover{transition:all .5s ease;width:60px}.project-title{font-size:2vh;transform-origin:top left;transform:rotate(-90deg);top:55%;left:20px}.project-year{position:absolute;font-family:Keypunch029Regular,neue-haas-grotesk-display,sans-serif;font-weight:400;font-style:normal;font-size:2vh;transform-origin:top left;transform:rotate(-90deg);width:fit-content;white-space:nowrap;bottom:20px;left:20px}.project-contents{flex-direction:row;left:50px;width:95%;height:100%;animation:fadeIn 1s ease}.images-container{position:relative;width:60%;overflow-y:scroll}.project-info-container{justify-content:flex-end;position:relative;width:50%;overflow-y:scroll}.contact-container{right:10px;width:30%;top:50%}.contact-container span{font-size:20px}.contact-container .ig{margin-bottom:50px}.contact-container .gh{margin-left:30%;margin-bottom:120px}.contact-container .em{margin-left:-20%}.joker{height:45%;bottom:0px;top:53%;left:30px}.projects-container>.joker-container{left:0}.click-zone{height:200px;width:200px;left:200px;top:40vh}.info-container{font-size:1vw;right:50px;width:40%;bottom:50px}.loading-joker{width:150px;position:absolute;bottom:80px;right:70px}@keyframes slideOpen{0%{width:0}to{width:calc(100vw - 165px)}}}