@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);*{margin:0;padding:0}.z-logo{display:block;margin-bottom:5.469vw;margin-top:2.396vw}.home-title{margin-top:3.906vw}.project-tab{margin-top:2vw}.home-title-sub{color:var(--secondaryHome);font-family:Poppins;font-size:1.823vw;margin-top:-1.563vw}.about{background:var(--secondaryHome);color:var(--background);font-family:Poppins;font-size:1.563vw;padding:20px 20vw}.about>*{margin:30px}.external-links{display:flex;justify-content:center;padding-top:50px}.external-links>div{margin-left:2vw;margin-right:2vw}@media (max-width:700px){.z-logo{display:block;margin-bottom:10vw;margin-top:10vw}.home-title{margin-top:6vw}.home-title-sub{color:var(--secondaryHome);font-family:Poppins;font-size:5vw;margin-top:-4vw}.about{background:var(--secondaryHome);color:var(--background);font-family:Poppins;font-size:4.563vw;padding:20px 0}.external-links>div{margin-left:2.25vw;margin-right:2.25vw}}:root{--primaryHome:#7c349e;--secondaryHome:#600c88}.center{align-items:center}.background{display:flex;flex-direction:column;justify-content:center}body,html{max-width:100%}.poptext-front{left:-.156vw;position:absolute;right:.156vw;top:-.156vw}.poptext-back,.poptext-front{-webkit-text-stroke-width:1px;font-family:Poppins;font-size:3.646vw;font-style:normal;text-align:center}.poptext-back{position:relative}@media (max-width:700px){.poptext-front{left:-.456vw;position:absolute;right:.456vw;top:-.456vw}.poptext-back,.poptext-front{-webkit-text-stroke-width:1px;font-family:Poppins;font-size:10vw;font-style:normal;text-align:center}.poptext-back{position:relative}}.logo{height:26.042vw;width:22.552vw}.back-button{height:6.615vw;width:50%}.keycap-svg{height:19.167vw;margin:3vw;width:28.385vw}.keycap-z-hover{opacity:0;-webkit-transform:translateY(26.42px);transform:translateY(26.42px);transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s}.keycap-z{opacity:1;transition:opacity .3s,-webkit-transform .3s ease-out;transition:opacity .3s,transform .3s ease-out;transition:opacity .3s,transform .3s ease-out,-webkit-transform .3s ease-out}.keycap-back-hover{opacity:0;-webkit-transform:translateY(6.56px);transform:translateY(6.56px);transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s}.keycap-back{opacity:1;transition:opacity .3s,-webkit-transform .3s ease-out;transition:opacity .3s,transform .3s ease-out;transition:opacity .3s,transform .3s ease-out,-webkit-transform .3s ease-out}.keycap-hover{opacity:0;-webkit-transform:translate(16.44px,16.44px);transform:translate(16.44px,16.44px);transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s}.keycap{opacity:1;transition:opacity .3s,-webkit-transform .3s ease-out;transition:opacity .3s,transform .3s ease-out;transition:opacity .3s,transform .3s ease-out,-webkit-transform .3s ease-out}.animation-blocker{fill:var(--background)}@media (max-width:700px){.logo{height:69.2852vw;width:60vw}.keycap-svg{height:57.501vw;margin:3vw;width:85.155vw}}.diamondcap-svg{width:10vw}.diamondcap-hover{opacity:0;-webkit-transform:translateY(8.44px);transform:translateY(8.44px);transition:opacity .5s,-webkit-transform .3s;transition:opacity .5s,transform .3s;transition:opacity .5s,transform .3s,-webkit-transform .3s}.diamondcap{opacity:1;transition:opacity .3s,-webkit-transform .3s ease-out;transition:opacity .3s,transform .3s ease-out;transition:opacity .3s,transform .3s ease-out,-webkit-transform .3s ease-out}.hitbox{fill:#00000000}.diamondcap-animation-blocker{fill:var(--secondaryHome)}@media (max-width:700px){.diamondcap-svg{width:20vw}}:root{--background:#fff;--primaryColor:#000;--secondaryColor:#4c4c4c}.sticky{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.back-button{height:70%;left:-20.833vw;position:absolute;top:1.1vw}.text-area>*{font-family:Poppins;padding-left:10%;padding-right:10%;text-align:left}.text-area h2{font-size:1.563vw;text-align:center}.text-area h3{padding-bottom:5px;text-align:center}.text-area h1{font-size:2.5vw}.mp3-title,.text-area p{font-size:1.354vw;line-height:2}.text-area .section:nth-child(2n-1){background-color:#4c4c4c;background-color:var(--secondaryColor);color:#fff}.section{padding-bottom:30px}.foot,.section{padding-top:30px}.foot{padding-bottom:0}@media (max-width:700px){.project-title{padding-left:22%;padding-right:22%}.back-button{height:70%;left:-13vw;position:absolute;top:2.9vw}.text-area h2{font-size:4.689vw;text-align:center}.text-area h1{font-size:7.5vw}.text-area p{font-size:4.062vw;line-height:2}}.img{border-radius:3.125vw;width:40%}.img,.img-long{align-self:center;margin-bottom:30px;margin-top:30px}.img-long{border-radius:3vw;width:80%}.img-phone{align-self:center;border-radius:.781vw;height:33.25vw;margin-bottom:30px;margin-top:30px;object-fit:cover;width:15.625vw}.img-platform{align-self:center;height:4.083vw;margin:30px 5%;width:30%}.center{text-align:center}.img-text,.text-img{display:flex;justify-content:center}.img-text{flex-direction:row-reverse}.text-img-text{width:60%}.img-text div,.text-img-text{align-content:center;display:flex;flex-direction:column;justify-content:center}.img-text div{width:40%}.img-text :nth-child(2),.text-img :first-child{margin-right:5%}@media (max-width:700px){.img{border-radius:9.375vw;width:100%}.img-phone{border-radius:2.343vw;height:93.75vw;object-fit:cover;width:46.875vw}.img-long{border-radius:3vw;margin-bottom:30px;margin-top:30px}.img-long,.img-platform{align-self:center;width:100%}.img-platform{height:10.083vw;margin:30px 0}.img-text,.text-img{align-content:center;display:flex;flex-direction:column;justify-content:center}.img-text div,.text-img-text{align-content:center;display:flex;flex-direction:column;justify-content:center;padding-right:0;width:100%}.img-text :nth-child(2),.text-img :first-child{margin-right:0}}.collage-phone{text-align:center}.collage-phone img{margin:10px;width:15.625vw}.video-phone{padding-top:50px;width:25%}@media (max-width:700px){.collage-phone img{width:23vw}.video-phone{padding-top:50px;width:80%}}
/*# sourceMappingURL=main.a710a95e.css.map*/