body{background-color:#000;overflow:hidden;scrollbar-width:thin;scrollbar-color:black white}@font-face{font-family:amsterdam;src:url(/assets/AMST-fz2RMwqc.ttf)}@font-face{font-family:activist;src:url(/assets/Activists-Regular-D8Tq7Ryc.ttf)}@font-face{font-family:against;src:url(/assets/against-regular-DwaloWtC.ttf)}@font-face{font-family:lover modern;src:url(/assets/ALLOVER-MODERN-DEMO-mhbIMThX.ttf)}@font-face{font-family:freedom;src:url(/assets/Allowing-Freedom-Demo-BI9u8scm.ttf)}@font-face{font-family:aspect;src:url(/assets/ASPECT-RANGE-DEMO-IT3mlOpL.ttf)}@font-face{font-family:great victorian;src:url(/assets/GreatVictorian-Swashed-yCM4JARU.ttf)}main{background:#000;height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}main .intro{display:flex;flex-direction:column;align-items:center;justify-self:center;margin-left:5%}main .intro .intro-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center}main .intro .intro-text h1{color:#fffc;font-family:lover modern;font-size:125px;text-align:center}main .intro .intro-links{width:100%}main .intro .intro-links img{margin:0 10px}main .nav{height:90%;width:50%}main .scroll-footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;margin-bottom:10px}@media only screen and (max-width: 767px){.intro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-text h1{font-size:65px!important}.intro-links img{margin:0 10px}.scroll-footer{margin-bottom:10px}}.nav-container{color:#fffc;margin-right:10px;height:100%;font-size:60px;font-family:lover modern;text-align:right}.nav-container ul{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-end;list-style:none}.nav-container ul li{width:fit-content;cursor:pointer}.nav-container ul li p{text-decoration:none;color:#fffc}.nav-container ul li a{text-decoration:none}.nav-container ul :hover{text-decoration:underline rgba(255,255,255,.8)}.nav-header{background-color:#000;color:#fffc;display:flex;justify-content:center;width:100%;max-height:40px;min-height:40px;padding:10px 0;height:fit-content;position:absolute;top:0;font-size:18px;font-family:lover modern;z-index:2;text-align:center}.nav-header .navbar-container{background-color:#000;color:#fffc;min-width:100%;padding:5px 0;font-size:18px;font-family:lover modern;z-index:2}.nav-header .navbar-container ul{list-style:none;height:100%;width:100%;display:flex;justify-content:space-evenly;align-items:center}.nav-header .navbar-container ul li{width:100%}.nav-header .navbar-container ul li p{text-decoration:none;color:#fffc}.nav-header .navbar-container ul li a{text-decoration:none}.nav-header .navbar-container ul li :hover{text-decoration:underline rgba(255,255,255,.8)}.nav-header .navbar-container ul .home-btn :hover{text-decoration:none}@media only screen and (max-width: 767px){.nav-container{display:none}h1,p,a{font-size:10px}}.cursor{position:fixed;left:0;top:0;width:32px;height:32px;border-radius:16px;background-color:#fff;mix-blend-mode:difference;z-index:999;pointer-events:none}.circle{position:relative;aspect-ratio:1}.letter{position:absolute;top:0;left:50%;font-family:against;color:#fffc}.about-me{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#00000080}.about-me .scroll-footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;margin-bottom:10px}.about-me .resume-btn{rotate:-90deg;position:fixed;right:-145px}.about-me .left-side{width:50%}.about-me .left-side h2{font-family:against;color:#fffc}.about-me .right-side{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:80%;width:50%}.about-me .right-side .resume-container{height:100%}.about-me .right-side .resume-container .resume-btns-container{width:100%;display:flex;justify-content:space-between}.about-me .right-side .resume-container .resume-btns-container .resume-types,.about-me .right-side .resume-container .resume-btns-container button{background-color:#000c;color:#fffc;border:none;border-top-left-radius:10px;border-top-right-radius:10px;height:20px;font-family:against;font-weight:700;display:flex;justify-content:space-evenly}.about-me .right-side .resume-container .resume-btns-container .resume-types p,.about-me .right-side .resume-container .resume-btns-container button p{width:fit-content;font-size:10px}.about-me .right-side .text-container{width:80%;display:flex;flex-direction:column;align-items:center}.about-me .right-side .text-container .info-title{width:80%;background-color:#fffc;border-radius:50px;font-weight:700;height:28px;font-size:28px;font-family:against;color:#000c;margin:10px 0}.about-me .right-side .text-container .info-text{color:#fffc;text-align:"right";font-family:against;font-size:26px;width:80%}@media only screen and (max-width: 767px){.about-me{flex-direction:column}.about-me .scroll-footer{position:relative}.about-me .right-side{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-me .left-side{width:100%;transform:scale(.5);height:100%;display:flex;justify-content:center;align-items:center}.text-container{width:100%}.text-container .info-title{width:100%;border-radius:50px;height:20px}.text-container .info-title p{font-size:20px}.text-container span{width:100%;font-size:16px}}.resumeBtn-container{padding:0 50px;border:none;background-color:#000}.resumeBtn-container h2{font-family:against;color:#fffc;font-size:50px}.projects-container{height:100%;width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-container h1{display:flex;text-align:center;color:#fffc;font-size:425px;font-weight:700;font-family:lover modern;opacity:.8}@media only screen and (max-width: 767px){.projects-container h1{position:absolute;top:40%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:75px;font-weight:700;font-family:lover modern;opacity:.8}.projects-container h1 p{font-size:75px}}.project-view{color:#fff;display:flex;justify-content:center;height:100%;width:100%}.project-view .project-num{color:#000;text-shadow:white 0px 0px 2px;font-size:150px;font-family:against;transform:scaleY(1.5);font-weight:700;position:fixed;top:80px;left:50px}.project-view .project-img{height:100%;margin:0 auto}.project-view .project-img img{height:100%;width:auto}.project-view .project-info{position:fixed;top:0;left:45%;margin-top:6%;width:40%;height:85%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:20px;background-color:#000;border:.5px solid white;color:#fffc;font-size:16px;font-family:against}.project-view .project-link{height:100px;width:300px;border-radius:75px;top:65%;left:15%;display:flex;align-items:center;justify-content:center;position:fixed;background-color:#000000f2;border:.5px solid white}.project-view .project-link a{font-size:25px;font-family:against;text-decoration:none;color:#fffc}.artview-container{display:flex;flex-direction:column;align-items:center;height:100vh}.artview-container .return-text{color:#fffc;position:fixed;left:10px;top:10px;font-family:against;text-decoration:none;z-index:20}.artview-container .return-text:hover{text-decoration:underline white}.artview-container .art-details{height:100%;width:40%;text-align:center;display:flex;flex-direction:column;border-left:3px solid white}.artview-container .art-details .art-details-text{color:#fffc;padding:5px 0;font-size:20px;display:flex;flex-direction:column;gap:10px;font-family:against}.artview-container .art-details .art-selection{margin-top:5px;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;border-top:2px solid white}.artview-container .art-details .art-selection .art-image{margin:10px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.artview-container .art-details .art-selection .art-image img:hover{box-shadow:0 0 5px #fff}.artview-container .art-details .art-selection .art-image :active{box-shadow:0 0 1px #fff}.artview-container .art-details button{padding:20px;border-radius:20px}.artview-container .art-view{width:100%;height:100%;background-color:transparent;border:1px solid black;display:flex;justify-content:center}.artview-container .art-view .artwork-container{cursor:grab;box-shadow:0 0 10px #000 inset}.artview-container .art-view .info-container{background-color:#000000e6;display:flex;align-items:center;justify-content:center}.artview-container .art-view .info-container p{font-family:against;color:#fff;font-size:20px}.artview-container :active{cursor:grabbing}.transition-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:2}#root{margin:0;text-align:center}*{padding:0;margin:0;cursor:none}
