html{display:block}*{box-sizing:border-box;margin:0;padding:0;font-family:"Work Sans",sans-serif;--main-dark-color: #2a272e;--main-bg-color: #867885;--text-hover-color: #ff0080;--text-shadow-color: #3cf2ff;--glitch-color-1: #ff0000;--glitch-color-2: #00e732;--light-grey-purple: #aeabb3;--text-color-white: #d7d1db;--container-shadow: 11px 17px 49px -4px rgba(0,0,0,0.6)}* ::-webkit-scrollbar{width:14px;height:10px}* ::-webkit-scrollbar-button{width:0px;height:0px}* ::-webkit-scrollbar-thumb{background:#9e99a3;border:0px solid transparent;border-radius:0px}* ::-webkit-scrollbar-thumb:hover,* ::-webkit-scrollbar-thumb:active{background:#aca8b1}* ::-webkit-scrollbar-track{background:#5d5a5e;border:0px none transparent;border-radius:0px}* ::-webkit-scrollbar-corner{background:transparent}body{width:100vw;color:#d7d1db;background:#2a272e;color:var(--text-color-white);background:var(--main-dark-color)}body,html{overflow:hidden;height:100%}.viewport{height:100%;width:100%;overflow-x:hidden;overflow-y:scroll;position:relative;-webkit-overflow-scrolling:touch}.logo{letter-spacing:2px;word-spacing:6px}.logo:hover{font-weight:400;color:#fff;text-shadow:.1em 0px 0px #3cf2ff,-0.1em 0px 0px #ff0080,-1px -2px 0px #e63600,1px 2px 0px #fe0;color:var(--text-color-white);text-shadow:.09em 0px 0px var(--text-shadow-color),-0.09em 0px 0px var(--text-hover-color),.06em .06em 0px var(--glitch-color-1),-0.06em -0.06em 0px var(--glitch-color-2)}.flex-row-vertical-center{display:flex;flex-direction:row;align-items:center}.nav{z-index:100;display:flex;height:50px;justify-content:space-between;position:sticky;top:0;background-color:#181518}.nav button,.nav a{display:flex;align-items:center;height:100%;border:none;background-color:transparent;text-decoration:none;font-size:17px;padding:0 20px;color:var(--text-color-white);text-transform:uppercase}.nav button:hover,.nav a:hover{color:#fff;text-shadow:.11em 0px 0px #3cf2ff,-0.11em 0px 0px #ff0080,-1px -2px 0px #e63600,1px 2px 0px #fe0;color:var(--text-color-white);text-shadow:.11em 0px 0px var(--text-shadow-color),-0.11em 0px 0px var(--text-hover-color),-0.06em -0.06em 0px var(--glitch-color-2),.06em .06em 0px var(--glitch-color-1)}.nav a.logo{font-size:22px}.nav button:hover,.nav button:focus{cursor:pointer;outline:none}.nav>div{height:100%}.container-first{height:calc(100vh - 50px);width:100vw}.button-main{border:1px solid #d7d1db;border:1px solid var(--text-color-white)}.button-main:hover{background-color:#d7d1db;color:#2a272e !important;background-color:var(--text-color-white);color:var(--main-dark-color) !important}.button-main:focus-within{outline:none;background-color:#ff0080;background-color:var(--text-hover-color);color:#fff !important;border:1px solid #ff0080;border:1px solid var(--text-hover-color);box-shadow:0 0 0 .15rem #2a272e,0 0 0 .25rem #3cf2ff;box-shadow:0 0 0 .15rem var(--main-dark-color),0 0 0 .25rem var(--text-shadow-color)}@media only screen and (max-width: 501px){* ::-webkit-scrollbar{width:7px;height:10px}.nav{height:16vw}.nav button,.nav a{font-size:3vw;padding:0 2vw}.nav a.logo{font-size:3.7vw}.container-first{height:calc(100vh - 16vw)}}@media only screen and (min-width: 500px)and (max-width: 650px){.nav button,.nav a{font-size:2.5vw}.nav a.logo{font-size:3.4vw}}.projects-main-header{position:fixed;top:90vh;left:6vw;font-size:5vw;text-transform:uppercase;transform-origin:left;transform:rotate(-90deg)}.projects-container{background-color:var(--main-dark-color);min-height:calc(100vh - 50px);width:100vw;display:flex;flex-direction:column;align-items:center}.project{margin:30px 0;width:845px;background-color:var(--main-dark-color);margin-bottom:50px}.project h2{text-transform:uppercase;font-size:45px;word-spacing:5px;letter-spacing:2px;padding:10px 10px 10px 0;border-bottom:2px solid var(--main-bg-color);color:var(--text-hover-color)}.project .project-info{padding-top:40px;display:flex}.project .project-info video{object-fit:cover;height:500px}.project .project-info>div{margin-left:60px;position:relative}.project .project-info>div p{padding-top:20px;font-size:19px;line-height:1.5em;width:100%}.project .project-info>div p:first-of-type{padding-top:0}.project .project-info.image-horizontal{display:block;padding-top:30px}.project .project-info.image-horizontal>div{margin-left:0px;padding-top:20px}.project .project-info.image-horizontal>div p{padding-top:20px}.project .project-info.image-horizontal video{height:100%;width:100%}.project .project-info.image-horizontal .project-links{position:static}.project .project-links{margin-top:40px;position:absolute;bottom:0}.project .project-links a{font-size:20px;margin-right:15px;display:inline-block;padding:15px 20px;text-transform:uppercase;color:var(--main-text-color);text-decoration:none}.project .project-links a svg{fill:var(--main-text-color);height:40px;width:40px}@media only screen and (max-width: 450px){.projects-main-header{transform:none;position:static;font-size:11vw;margin:3vw;text-align:right}.projects-container{min-height:calc(100vh - 15vw)}.project:first-of-type{margin-top:2vw}.project{margin:5vw 0;width:85vw;margin-bottom:40px}.project h2{font-size:7vw;padding:2vw 2vw 2vw 0}.project .project-info{padding-top:6vw;display:block}.project .project-info>div{margin-left:0px;padding-top:5vw}.project .project-info>div p{padding-top:3vw;font-size:3.7vw;line-height:1.7em}.project .project-info video{width:100%;height:100%;display:block;margin:0 auto}.project .project-info.image-horizontal{padding-top:6vw}.project .project-info.image-horizontal>div{margin-left:0px;padding-top:5vw}.project .project-info.image-horizontal>div p{padding-top:3vw}.project .project-links{position:static;margin-top:6vw;display:flex;flex-direction:column;align-items:center}.project .project-links a{display:block;text-align:center;font-size:4vw;width:100%;margin:1.5vw;padding:4vw}.project .project-links a svg{fill:var(--main-text-color);height:40px;width:40px}}@media only screen and (min-width: 451px)and (max-width: 650px){.projects-main-header{transform:none;position:static;font-size:7vw;margin:3vw;text-align:right}.project:first-of-type{margin-top:1.2vw}.project{margin:5vw 0;width:320px;margin-bottom:40px}.project h2{font-size:5.6vw;padding:2vw 2vw 2vw 0}.project .project-info{padding-top:5vw;display:block}.project .project-info>div{margin-left:0px;padding-top:5vw}.project .project-info>div p{padding-top:3vw;font-size:2.6vw;line-height:1.7em}.project .project-info video{width:100%;height:100%;display:block;margin:0 auto}.project .project-info.image-horizontal{padding-top:6vw}.project .project-info.image-horizontal>div{margin-left:0px;padding-top:5vw}.project .project-info.image-horizontal>div p{padding-top:3vw}.project .project-links{position:static;margin-top:6vw;display:flex;flex-direction:column;align-items:center}.project .project-links a{display:block;text-align:center;font-size:3vw;width:100%;margin:1.5vw;padding:3vw}.project .project-links a svg{fill:var(--main-text-color);height:40px;width:40px}}@media only screen and (min-width: 651px)and (max-width: 1050px){.project{width:70vw}.project .project-info>div{margin-left:5vw}.project .project-info>div p{font-size:1.6vw}.project .project-info.image-horizontal .project-links{margin-top:5vw;position:static;display:block}.project .project-info.image-horizontal .project-links a{width:initial;margin:0 2vw 0 0;padding:1.5vw 3.5vw}.project .project-links{margin:0;display:flex;flex-direction:column;align-items:center;width:100%}.project .project-links a{text-align:center;font-size:1.6vw;width:100%;margin:0 0 1.5vw 0;padding:1.2vw}.project .project-links a svg{fill:var(--main-text-color);height:40px;width:40px}.project .project-links a:last-of-type{margin-bottom:0}}@media only screen and (min-width: 651px)and (max-width: 1050px)and (min-width: 651px)and (max-width: 800px){.project{width:80vw}.project .project-info>div p{font-size:1.9vw}.project .project-links a{font-size:1.9vw;padding:1.5vw}}/*# sourceMappingURL=projects.css.map */