html,body{position:relative;margin:0;padding:0;font-family:Montserrat,sans-serif;font-weight:500;overflow:hidden;background-color:#000;z-index:-100;color:#ddd}html{overflow-y:auto;overflow-x:hidden;font-size:2vw;font-size:calc((1rem + 5vw + 5vh)/5);width:100vw}body{width:100vw;height:100%}#app{position:relative;margin:auto;overflow:visible;padding:0;z-index:100}h1{font-weight:600;margin:0;padding:0}p{font-weight:200}#bg{width:100%;height:100vh;position:fixed;z-index:-1;filter:brightness(1.6) grayscale(.2);background-color:#000}#app{overflow:hidden;width:0;left:0}#app>*,.container>*{position:absolute}#quoteContainer{position:absolute;top:0;left:0;width:100%;height:200%;margin:0;overflow:hidden;padding:0}#quoteContainer>*{position:absolute;margin:0;overflow:hidden;top:50%;z-index:1100}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000a}::-webkit-scrollbar-thumb{background:#fff1}::-webkit-scrollbar-thumb:hover{background:#fff2}.projectSection{top:32%;left:0;width:100%;height:30%}.projects{top:10%;left:4%;width:35%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.projectsContainer{margin:.5rem 0;overflow-y:auto;overflow-x:visible}.projectsContainer>p{padding:.1em .1em .1em .5em;margin:.1em .1em .1em 0;transition:all .2s ease-in-out;transform-origin:0 50%;transform:scale(.8);border-left:.1em solid #ffffff1a}.projectsContainer>p:hover{color:#fff}.projectsContainer>p.selected{transform:none;border-left:.1em solid #fff;color:#fff}.projectCube>a{position:absolute}.projectCube .link{top:78%;left:24%;width:18%;height:18%}.projectCube .source{top:78%;left:4%;width:18%;height:18%}.arrows{top:78%;left:58%;width:24%;height:12%;display:flex;flex-direction:row;align-items:center}.arrows>img{margin:0;padding:0;height:80%;width:50%;transition:all .2s ease-in-out}.arrows>img:hover{height:90%}.aboutSection{top:70%;left:0;width:100%;height:31%}.about{top:10%;left:4%;width:92%;height:65%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.about>div{padding:.5rem;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow-y:auto;box-sizing:border-box}.about .text{padding:.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:100%;box-sizing:border-box;overflow-y:auto}.about .imageContainer{height:100%;min-width:35%;width:fit-content;display:flex;align-items:center;justify-content:center}.about .imageContainer>img{max-width:100%;max-height:100%}.links{top:83.8%;left:5.3%;width:28.3%;height:8.2%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;opacity:.9}.links>a{height:100%;width:22%;margin:0;padding:0;box-sizing:border-box}.links img{height:100%;width:100%;margin:0;padding:0;box-sizing:border-box}#quote{height:fit-content;max-height:fit-content;font-size:.5em;z-index:1000;background-color:#ddcba7;color:#151515;padding:.5rem;box-sizing:border-box}#quote>h1{font-size:1.5em}#quote>p{font-size:.9em}