:root{--base-font-size:16px;--spacing-unit:6px;--margins:2;--primary-color:#222;--primary-color-text:#fff;--primary-color-bg:#eee;--grid-columns:3;--margin-size:(var(--margins) * 2);--cell-padding:(4 * var(--spacing-unit));--grid-gutter:(var(--margins) * var(--spacing-unit));--grid-margin:(var(--margin-size) * var(--spacing-unit));--cell-margin:(var(--grid-gutter)/2);--cell-color:#222;--cell-color-bg:pink;--red:#ed254e;--navy:#011936;--mint:#c2eabd;--yellow:#f9dc5c;--bluegray:#465362;--gray:#4e5a6a}body,html{max-width:100%}body,html{overflow-x:hidden}html{background-color:#fff;color:#000;font-family:"Lato",Roboto,Oxygen,"Open Sans","Helvetica Neue",sans-serif,serif;font-size:100%;font-weight:300;line-height:1.5}*{box-sizing:border-box;font-family:inherit;line-height:inherit;color:inherit}body{margin:0;border:0;padding:0}.btn-circle{width:10rem;height:10rem;cursor:pointer;font-size:1.5rem;font-weight:300;text-transform:uppercase;color:#fff;border:1px solid #fff;border-radius:50%;transition:all 500 ease-in-out;background:transparent}.btn-circle:hover{background:#f0f;color:#000}button,input,select,textarea{font-size:16px}h1,h2,h3,h4,h5,h6{font-family:"Roboto","Helvetica",sans-serif;font-weight:700;line-height:1.3;transition:color 1s}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Page,.Page-Content{width:100%;position:relative;display:flex}.Page-Content{min-height:100%;flex-direction:column;justify-content:center;align-items:center;flex:1 1}.Page-Canvas{position:fixed;top:0;right:0;bottom:0;left:0}.Page-Canvas,.Page-Canvas canvas{width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.Page-Canvas canvas{height:100vh}.PreviewMode .Page-Canvas{position:relative;width:auto;height:auto;top:auto;right:auto;bottom:auto;left:auto}.PreviewMode .Page-Canvas>canvas{position:relative;width:100%;height:100%;min-width:1px;min-height:1px}.Piano-Container{position:fixed;opacity:0;bottom:-300px;width:100%}.Piano-Wrapper{flex-direction:column;justify-content:center;flex:1 0}.Piano,.Piano-Wrapper{display:flex;align-items:center}.Piano{flex-direction:column;height:100%;justify-content:flex-end;padding:calc(var(--spacing-unit)*6)}.Piano-Keys{max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.Piano-Keys button{cursor:pointer}.Piano-Keys--Naturals{display:grid;grid-template-columns:repeat(7,1fr);min-height:150px;z-index:1}.Piano-Keys--Naturals button{background:hsla(0,0%,100%,.5);outline:0;margin:3px;border-image-slice:1;border:5px solid;border-image-source:linear-gradient(180deg,rgba(116,58,213,.5),rgba(213,58,157,.5));transition:background .5s ease}.Piano-Keys--Naturals button.active,.Piano-Keys--Naturals button:hover{border-image-source:linear-gradient(180deg,#743ad5,#d53a9d)}.Piano-Keys--Naturals button.active p,.Piano-Keys--Naturals button:hover p{color:#fff}.Piano-Keys--Naturals button.active,.Piano-Keys--Naturals button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.Piano-Keys--Naturals button p{position:relative;top:50px;font-weight:700;-webkit-font-feature-settings:"smcp","c2sc";font-feature-settings:"smcp","c2sc";font-variant-caps:all-small-caps;color:hsla(0,0%,100%,.5);transition:color .5s ease}.Piano-Keys--Accidentals{display:grid;grid-template-columns:repeat(42,1fr);justify-items:center;z-index:2}.Piano-Keys--Accidentals button{background:#000;border:0;padding:0 1em;margin-top:-147px;margin-bottom:50px;position:relative;outline:0;transition:background .5s ease}.Piano-Keys--Accidentals button.active,.Piano-Keys--Accidentals button.on,.Piano-Keys--Accidentals button:hover{background:linear-gradient(180deg,#743ad5,#d53a9d)}.Piano-Keys--Accidentals button.active,.Piano-Keys--Accidentals button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.Piano-Keys--Accidentals button p{position:relative;top:30%;-webkit-font-feature-settings:"smcp","c2sc";font-feature-settings:"smcp","c2sc";font-variant-caps:all-small-caps;color:#fff}.Piano-Keys--Accidentals .C{grid-column:6/span 2}.Piano-Keys--Accidentals .D{grid-column:12/span 2}.Piano-Keys--Accidentals .F{grid-column:24/span 2}.Piano-Keys--Accidentals .G{grid-column:30/span 2}.Piano-Keys--Accidentals .A{grid-column:36/span 2}.bm-burger-button{position:fixed;width:36px;height:30px;top:calc(var(--spacing-unit)*4);right:calc(var(--spacing-unit)*4)}.bm-burger-bars{background:#fff;transition:all 300 ease-in-out}.bm-burger-bars-hover{background:#ff0}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#fff}.bm-menu-wrap{position:fixed;height:100%;top:0;right:0}.bm-menu{background:#000;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:#000}.bm-item-list{color:#fefefe;padding:.8em}.bm-item{display:inline-block;text-decoration:none;text-transform:uppercase;font-size:2rem;font-weight:700;padding:1rem 0}.bm-item:hover{color:#fff}.bm-item:active,.bm-item:focus{outline:0}.bm-overlay{background:rgba(0,0,0,.3);top:0;right:0;bottom:0;left:0}.Home{background:linear-gradient(180deg,red 0,#fb07d9 90%)}.About{overflow-y:visible;margin-top:3rem}.About-Content{color:#fff;font-size:2rem;font-weight:100;padding:calc(var(--spacing-unit)*6) calc(var(--spacing-unit)*6);text-align:center;align-content:center}.About-Content h2{font-size:3rem}.About-Content p{max-width:60rem;margin:0 auto;font-weight:100;font-size:clamp(1.5rem,3vw,2rem);background:#000;padding:calc(var(--spacing-unit)*6)}.Projects{display:block;width:100%;height:100vh;overflow-y:hidden;z-index:0;background:linear-gradient(0deg,#000 64%,#1d1d1d)}.Projects-Inner{padding:calc(var(--spacing-unit)*6) calc(var(--spacing-unit)*6);-webkit-transform:rotate(15deg);transform:rotate(15deg);overflow:visible}@media only screen and (max-width:1000px){.Projects-Inner{-webkit-transform:rotate(0deg);transform:rotate(0deg);padding:calc(var(--spacing-unit)*3) calc(var(--spacing-unit)*3)}}.Projects-Slider-Slide{margin:3rem;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);overflow:visible;padding:calc(var(--spacing-unit)*6);width:100%;position:relative;display:flex;justify-content:center;align-content:center}@media only screen and (max-width:1000px){.Projects-Slider-Slide{padding:calc(var(--spacing-unit)*1);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.Projects-Slider-Slide-Container{height:100vh;display:flex;justify-content:center;align-content:center}@media only screen and (max-width:800px){.Projects-Slider-Slide-Container{flex-direction:column}}.Projects-Slider-Slide-Container .image{max-width:800px;width:60%;margin-left:1rem;padding:calc(var(--spacing-unit)*6)}@media only screen and (max-width:800px){.Projects-Slider-Slide-Container .image{padding:0;width:100%;margin-top:2rem;margin-bottom:3rem;margin-left:0;align-self:center}}.Projects-Slider-Slide-Container .image img{width:100%}.Projects-Slider-Slide-Container .content{width:50%;position:relative}@media only screen and (max-width:800px){.Projects-Slider-Slide-Container .content{text-align:center;width:100%}}.Projects-Slider-Slide-Container .content .title{width:100%;color:#fff;font-size:clamp(2rem,8vw,5rem);text-align:left}@media only screen and (max-width:800px){.Projects-Slider-Slide-Container .content .title{text-align:center;padding:0 calc(var(--spacing-unit)*3)}}.Projects-Slider-Slide-Container .content .number{font-size:clamp(3rem,10vw,7rem);text-align:left;margin:10% 0 0 10%}@media only screen and (max-width:800px){.Projects-Slider-Slide-Container .content .number{display:none}}.Projects,.Projects-Inner,.Projects-Slider{max-width:100%;overflow-x:hidden}.flickity-button{background:#d0de21}@media only screen and (max-width:800px){.flickity-button{display:none}}.flickity-button svg{fill:red}.flickity-page-dots{display:none}.ProjectsCanvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.ProjectsCanvas,.ProjectsCanvas canvas{width:100%;height:100vh;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.Contact{margin-top:3rem}.Contact-Canvas{background:linear-gradient(180deg,#fb07d9 0,#000 60%)}.Contact-Form{text-align:left;font-size:2rem;line-height:2rem;padding:calc(var(--spacing-unit)*12);padding-top:0}.Contact-Form label span{display:block;color:#fff;font-size:1rem}.Contact-Form .Form-Element{padding:calc(var(--spacing-unit)*3)}.Contact-Form input,.Contact-Form textarea{min-width:18rem;background:rgba(0,0,0,.8);color:#f0f;border-image-slice:1;border:5px solid;border-image-source:linear-gradient(180deg,rgba(116,58,213,.5),rgba(213,58,157,.5))}.Contact-Form input:active,.Contact-Form input:focus,.Contact-Form textarea:active,.Contact-Form textarea:focus{outline:3px solid #f0f}.Contact-Form button{border:0;min-width:18rem;background:rgba(255,0,255,.5);color:#fff;text-transform:uppercase;font-weight:700;cursor:pointer;padding:calc(var(--spacing-unit)*3)}.Contact-Form button:hover{background:#f0f}.Contact-Form button:active,.Contact-Form button:focus{outline:none}.Experiments{background:#000;overflow-y:visible;position:relative}.Experiments-Container{margin-top:6rem;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;width:100%;height:100%}.Experiments-Container .Experiment{-webkit-user-select:initial;-ms-user-select:initial;user-select:initial;pointer-events:auto}.Controls{top:0;right:0;bottom:0;left:0;z-index:2}.Controls,.Controls button{position:absolute;display:flex}.Controls button{flex-direction:column;align-items:center;justify-content:center;border:none;padding:1rem;margin:0;text-decoration:none;background:#fff;color:#000;font-size:1rem;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;transition:all .25s ease-in-out;border-radius:50%;width:3.25rem;height:3.25rem;line-height:3.25rem}.Controls button:focus,.Controls button:hover{background:#ff0;outline:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.Controls .PlayPause,.Controls .PrevNext{bottom:1rem;font-size:2rem}.Controls .Prev{left:1rem}.Controls .Next{right:1rem}.Controls .PlayPause{left:50%;margin-left:-1.625rem;bottom:4rem}select.SongSelector{width:20rem;background:#fff;padding:.5rem 1rem;border-right:1rem solid #fff;position:absolute;bottom:1rem;left:50%;margin-left:-10rem;font-size:.75rem}#gui-container{position:absolute;right:calc(var(--spacing-unit)*6 + 36px);top:calc(var(--spacing-unit)*4);width:245px}.dg.ac{right:400px}.dg .cr.number input[type=text]{color:#2fa1d6;font-size:14px;line-height:16px}.Logo{cursor:pointer;z-index:10;position:fixed;top:calc(var(--spacing-unit)*4);left:calc(var(--spacing-unit)*4);width:36px}
/*# sourceMappingURL=main.2d674b7a.chunk.css.map */