body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.app-container{background-repeat:no-repeat;background-size:cover}.app-container,.app-container-grey-background{display:flex;flex-direction:column;height:100vh}.app-container-grey-background{background-color:#293038}div{outline:none;-webkit-user-select:none;user-select:none}.route-wrapper{position:relative}.route-wrapper>div{position:absolute}img{max-height:100%;max-width:100%}::-webkit-scrollbar{display:none}.test{height:100vh;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1%}.not-found-page{align-items:center;color:#fff;display:flex;font-size:2rem;height:90vh;justify-content:center;width:100vw}.heart[moveDown="1"]{-webkit-animation:moveDown 5s 1;animation:moveDown 5s 1}@-webkit-keyframes moveDown{0%{opacity:.2;-webkit-transform:translateY(-10vh);transform:translateY(-10vh);visibility:visible}to{opacity:1;-webkit-transform:translateY(110vh);transform:translateY(110vh);visibility:visible}}@keyframes moveDown{0%{opacity:.2;-webkit-transform:translateY(-10vh);transform:translateY(-10vh);visibility:visible}to{opacity:1;-webkit-transform:translateY(110vh);transform:translateY(110vh);visibility:visible}}.heart{height:30px;position:absolute;top:0;visibility:hidden;width:30px;z-index:1}a{color:#2d8ee3;text-decoration:none}.navigation-container{align-items:center;box-sizing:border-box;display:flex;height:10vh;position:relative}.navigation-left-header{display:flex;flex:3.5 1;flex-direction:column;font-size:1.8rem!important;height:10vh;justify-content:center;margin-left:3%;max-width:200px}.navigation-left-header:hover{text-decoration:none!important}.navigation-logo{margin-top:5%}.navigation-left-links{display:flex;flex:12 1}.navigation-right-links{flex:2 1;justify-content:center}.navigation-main-link{display:flex;flex-direction:column;height:10vh;justify-content:center;margin-left:5%;margin-right:3rem}.navigation-link{color:#fff;cursor:pointer;font-size:1.15rem;text-decoration:none}.navigation-link:hover{text-decoration:underline}.navigation-link:active{text-decoration:none}.contact-link{align-items:center;background-color:initial;border:2px solid #09a0ce;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:100px}.contact-link:hover{background-color:#09a0ce;text-decoration:none}.contact-link:active{background-color:rgba(9,160,206,.527);border:2px solid rgba(9,160,206,.014)}.mobile-nav-container{background-color:#eee;display:flex;flex:1 1;flex-direction:column;position:absolute;right:0;top:0;width:45%;z-index:10}.mobile-nav-menu{font-size:1.75rem;position:absolute;right:12%;top:25px}.mobile-nav-menu-title{display:flex;font-size:2rem;justify-content:center;margin-top:20px}.mobile-nav-links{display:flex;flex-direction:column}.mobile-nav-link{color:#000;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin-top:1.5rem;padding:.25rem;text-decoration:none}.mobile-nav-link:hover{text-decoration:underline}.mobile-nav-link:active{text-decoration:none}.piano-container{display:flex;flex:1.5 1;flex-direction:column;margin-top:5.5rem;position:relative;width:100%}.piano-options-container{display:flex;justify-content:space-between;left:20%;position:absolute;top:0;width:62.5%}.piano-sound-selection-container{align-items:center;display:flex;flex:1 1;position:relative;z-index:22}.piano-sound-selection{border-radius:50%;cursor:pointer;height:15px;margin:0 .5rem 0 0;outline:none;width:15px}.piano-colors-button{background-color:initial;border:2px solid #616161;color:#eee;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:5px 10px}.piano-colors-button-active{background-image:linear-gradient(69.7deg,#f425f3 1.4%,#f45701 36.2%,#ffcc25 72.2%,#14c406 113%);border:0 solid #616161;color:#000}.piano-keyboard-container{flex:1 1;max-height:calc(100% - 2.5rem);position:relative;top:2.5rem;z-index:1}.piano-key{border:1px solid grey;border-radius:0 0 5px 5px;box-shadow:0 5px 1px hsla(0,4%,56%,.363);cursor:pointer;display:flex;justify-content:center;padding:1rem .25rem;position:absolute;touch-action:none;width:30px}.piano-key:hover{background-color:grey}.white-key{background-color:#fff;color:#fff;height:10rem;position:absolute;z-index:0}.black-key{background-color:#000;color:#000;height:5rem;z-index:1}.piano-octave{display:flex;flex:1 1}.middle-c{background-color:#bebebe;border:2px solid #bebebe;border-radius:50%;height:.7rem;position:relative;top:calc(100% - .7rem);width:.7rem;z-index:12}.piano-sustain-button{left:12.5%;position:absolute;top:-10%;z-index:3}.home-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end}.home-name{color:#fff;font-size:3rem;font-weight:600}.home-subtitle{color:#fff;font-style:italic}.home-container{height:90vh;justify-content:space-around;width:100vw}.about-content,.home-container{align-items:center;display:flex;flex-direction:column}.about-content{background-color:#293038;color:#fff;min-height:90vh}.about-content i{font-size:.9em}.about-content-container{align-self:flex-start;display:flex;margin-top:5%}.about-photo-container{align-items:center;display:flex;flex:1.5 1;flex-direction:column;word-break:keep-all}.about-photo{box-shadow:5px 5px 20px 5px rgba(0,0,0,.9);height:21rem;margin-bottom:1rem;width:22rem}.about-photo-photo-container{position:relative}.about-secret{background-color:#000;color:green;left:46%;opacity:0;padding:.5rem 1.25rem;position:absolute;top:39%;z-index:20}.about-socials-container{display:flex;justify-content:center;margin-bottom:1rem;min-width:19rem}.social-icon{height:30px;margin-right:1.2em;width:30px}.about-blurb-container{line-height:150%;margin-top:0;width:60%}@media (max-width:1000px){.about-content-container{align-items:center;flex-direction:column;gap:12px}.about-paragraph-container{display:flex;flex-direction:column;width:60%}.about-blurb-container{width:100%}}.about-paragraph-container{flex:2.5 1}ul{-webkit-margin-before:.5em;-webkit-margin-after:.5em;list-style:none;margin-block-end:.5em;margin-block-start:.5em;padding-left:1em}.education-list-icon{flex:0.5 1;height:4.7em;justify-items:center;margin-right:1.25em;width:4.7em}.about-list{font-size:.9em;padding:.5em 0}.about-list-row{display:flex;margin:1rem 0 2rem}.about-list-title{font-size:1.5em}.list-text{display:flex;flex:10 1;flex-direction:column}.list-text *{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.list-text-title{font-size:1.25em;margin-bottom:.5rem}.about-text-description{font-size:1em}.contact-content{background-color:#fff;color:#000;height:90vh}.contact-content,.projects-content{display:flex;flex-direction:column;width:100vw}.projects-content{align-items:center;background-color:#293038;color:#fff;justify-content:center}.projects-container{grid-gap:40px 20px;display:grid;gap:40px 20px;grid-template-columns:repeat(auto-fill,500px);justify-content:space-around;margin:3% 0;width:80%}.other{grid-template-columns:repeat(auto-fill,300px)}.other .project-img{height:12rem}@media (max-width:1000px){.projects-container{grid-template-columns:repeat(auto-fill,320px)}}.projects-title{font-size:2.5rem;margin-bottom:1%;margin-top:1%}.project-container{display:flex;flex-direction:column;position:relative}.project-img{border:2px solid transparent;cursor:pointer;height:16rem;width:100%;z-index:5}.project-img:hover{border:2px solid #fff}.project-text{display:flex;flex:1 1;flex-direction:column;padding:2% 0}.project-title{font-size:2rem;margin-bottom:.5rem}.project-description{flex:1 1;font-size:.9rem}.project-date-and-github{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.project-date{font-size:1rem;font-style:italic}.project-github{height:20px;width:20px;z-index:10}.ltw-link{color:#fff;cursor:pointer;font-size:.9rem}.ltw-link,.ltw-link:hover{text-decoration:underline}.ltw-link:active{text-decoration:none}.synthesis-page{height:90vh;overflow-y:scroll;width:100vw}.synthesis-menu,.synthesis-page{background-color:#293038;display:flex}.synthesis-menu{box-sizing:border-box;flex-direction:column;height:100%;position:absolute;width:70px;z-index:10}@-webkit-keyframes hover-width{0%{width:250px}to{width:20%}}@keyframes hover-width{0%{width:250px}to{width:20%}}.synthesis-menu:hover{width:20%}.synthesis-menu-item{cursor:pointer;display:flex;font-size:1rem;min-height:30px;padding:1rem 1.5rem;position:relative;z-index:15}.synthesis-menu-item:hover{background-color:#616161}.synthesis-menu-arrow{background-color:initial;border-color:transparent #fff transparent transparent;border-style:solid;border-width:12px 12px 12px 0;display:none;height:0;overflow-y:scroll;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;z-index:25}.synthesis-menu-item-active{background-color:#616161}.synthesis-menu-item-text{color:hsla(0,0%,100%,.7);flex:1 1;margin-left:1rem}.synthesis-menu-item-icon{stroke:#fff;fill:#fff}.synthesis-content{align-items:center;background-color:#eee;box-sizing:border-box;color:#616161;display:flex;flex-direction:column;height:100%;left:70px;overflow-y:scroll;position:absolute;width:calc(100% - 70px)}.synthesis-content-title{display:flex;font-size:4rem;font-weight:700;justify-content:center;margin-top:1rem}.synthesis-content-text{display:block;font-size:1.3rem;line-height:1.8;padding:.5rem;width:50%}@media (max-width:1000px){.synthesis-content-text{width:80%}}.synthesis-example-container{background-color:#fff;border:2px solid grey;border-radius:22px;color:#000;display:flex;flex-direction:column;justify-content:center;padding:1rem}.synthesis-freq-container{justify-content:space-between;margin-top:.5rem}.synthesis-freq-container,.synthesis-freq-number-container,.synthesis-preset-container{align-items:center;display:flex}.synthesis-preset-container{justify-content:space-between;margin-top:.5rem}.synthesis-label{font-size:1rem;margin:.5rem 0}.synthesis-partials-values-container{display:flex;margin-top:.5rem}.synthesis-example-analysis-container{display:flex;justify-content:space-between;margin-top:.5rem}.xy-container{border:3px solid #616161;cursor:grab;height:300px;margin-right:7%;position:relative;touch-action:none;width:175px}.sustain-button{border:2px solid #616161;bottom:-30px;display:flex;font-size:.8rem;justify-content:center;left:-3px;padding:2px;position:absolute;width:173px}.analysis-graph-container{background-color:initial;display:flex;flex:1 1;font-size:1.2rem;height:333px;justify-content:center;position:relative;z-index:3}.waveform-canvas{position:absolute;z-index:1}.frequency-canvas{position:absolute;z-index:2}.waveform-title{top:0}.frequency-title,.waveform-title{font-size:.75rem;left:0;position:absolute}.frequency-title{top:50%}.demo-container{border:2px solid #616161;display:flex;flex-direction:column;margin:2%;min-width:250px;padding:3%}.demo-graphs{cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:space-between;margin-top:3%;width:100%}.additive-demo-container{display:flex;flex-direction:column;font-size:1.3rem}.weights-container{display:flex;margin-top:3%;overflow-x:auto}.weights-container::-webkit-scrollbar{background-color:#aaa;display:block;height:2em;height:8px;overflow:auto;width:5px}.weights-container::-webkit-scrollbar-thumb{background:#000}.weight-container{align-items:center;display:flex;flex-direction:column;font-size:1rem;justify-content:flex-start;max-width:30px;min-width:30px;position:relative}.harmonic-controller-container{align-items:center;display:flex;justify-content:space-between}.harmonic-number-container{display:flex;flex-direction:column;height:60px;margin-right:5%;width:100%}.harmonic-presets-container{align-self:flex-start;display:flex;flex-basis:50px;flex-direction:column;height:60px}.harmonic-presets-list{display:flex}.harmonic-preset-title{border:2px solid #eee;margin-bottom:8px}.harmonic-preset{cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:1% 3%}.harmonic-title{align-items:center;display:flex;margin-bottom:8px;margin-right:2%}.harmonic-input-container{align-items:center;display:flex;width:120px}.harmonic-input{background-color:initial;border-bottom:1px solid #616161;border-left:0;border-right:0;border-top:1px solid #616161;color:#616161;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.2rem;height:23px;padding:1px 2px!important;padding:3%;text-align:center;width:0}.harmonic-delete-add{border:1px solid #616161;color:#09a0ce;cursor:pointer;font-size:14px;height:17px;height:23px;padding:3%;padding:1px 2px!important}.harmonic-input::-webkit-inner-spin-button,.harmonic-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weight-container:hover .weight-delete{display:block}.weight-delete{color:#ea5d5d;cursor:pointer;display:none;position:absolute;right:10%;top:0}.weight-delete:hover{color:red}.add-weight{align-self:center;color:#616161;cursor:pointer;font-size:30px;margin:2%}.weight-slider-wrapper{display:inline-block;height:150px;padding:0;width:20px}.weight-slider{stroke:red;fill:purple;-webkit-appearance:none;background-color:initial;background:transparent;border:1.5px solid #616161;margin:0;outline:none;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:75px 75px;transform-origin:75px 75px;width:140px}.weight-slider:focus{outline:none}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background-color:#09a0ce;border:1px solid #09a0ce;cursor:pointer;height:100%;width:4px}.weight-slider::-webkit-slider-runnable-track{cursor:pointer;height:20px;width:150px}.subtractive-demo-container{display:flex;flex-direction:column;font-size:1.3rem}.subtractive-sound-selection-container{align-items:center;display:flex;justify-content:space-between}.subtractive-sound-selection-input-container{align-self:flex-start;display:flex;flex-direction:column;min-width:150px}.subtractive-filter-container{display:flex;flex-direction:column;margin-top:3%;touch-action:none}.subtractive-filter{background-color:#293038;cursor:grab;height:150px;width:100%}.subtractive-filter-presets-container{align-self:flex-start;display:flex}.filter-preset{box-sizing:border-box;font-size:.75rem}.envelopes-demo-container{display:flex;flex-direction:column;font-size:1.3rem}.envelopes-sound-selection-container{align-items:center;display:flex;justify-content:space-between}.envelopes-sound-selection-input-container{align-self:flex-start;display:flex;flex-direction:column;min-width:150px}.wave-selection-title{align-items:center;display:flex;margin-bottom:8px;margin-right:2%}.wave-selection-input{cursor:pointer;display:flex;font-size:1rem;justify-content:center;position:relative;width:120px}.wave-selection-input-left{left:0;position:absolute;top:20%;width:20px!important}.wave-selection-input-right{position:absolute;right:0;top:20%;width:20px!important}.envelopes-graph-container{display:flex;flex-direction:column;margin-top:3%;touch-action:none}.envelope-graph-triggers-container{height:1.5rem;position:relative}.envelopes-graph-note-trigger{font-size:1rem;position:absolute}.envelopes-graph{background-color:#293038;cursor:grab;height:150px;min-width:500px;width:100%}.envelope-zone-container{display:flex;height:1.5rem;justify-content:center;position:relative;width:100%}.graph-label-container{align-items:center;display:flex;flex-direction:column;font-size:1rem;position:absolute;z-index:10}.sustain-graph-label{color:hsla(0,0%,93%,.5)}.attack-text{color:#93214c}.decay-text{color:#6deaa6}.sustain-text{color:#f2bb3c}.release-text{color:#843db7}.modulation-demo-container{display:flex;flex-direction:column;font-size:1.3rem;min-width:550px}.modulation-sound-selection-container{align-items:center;display:flex;justify-content:space-between;margin-right:2%}.modulation-presets-container{align-self:flex-start}.modulation-presets-container,.modulation-sound-selection-switch-container{display:flex;flex-direction:column}.modulation-switch-container{color:#eee;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:5px 10px}.modulation-sliders-container{align-items:center;border:1.5px solid #616161;display:grid;grid-template-columns:75px 1fr 75px;grid-template-rows:1rem auto 1rem auto;height:150px;justify-items:center;margin-top:3%;padding:10px;width:100%}.modulation-frequency-ratio-lock-container{background-color:#616161;border:2px solid #616161;color:#eee;cursor:pointer;font-size:.8rem;padding:3px}.modulation-number{grid-column-start:3}.modulation-title{font-size:1rem;grid-column:1/span 3}.modulation-slider{stroke:red;fill:purple;-webkit-appearance:none;background:transparent;background-color:initial;border:1.5px solid #616161;cursor:pointer;grid-column-start:2;height:15px;margin:0;outline:none;width:80%}.modulation-slider:focus{outline:none}.modulation-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background-color:#09a0ce;border:1px solid #09a0ce;cursor:pointer;height:100%;width:4px}.modulation-slider::-webkit-slider-runnable-track{cursor:pointer;height:20px;width:150px}.modulation-amplitude-text{color:#93214c}.modulation-frequency-text{color:#843db7}.whatissynthesis-quote{background-color:#dcdcdc;font-size:1.2rem;font-style:italic;line-height:1.4;margin:auto;padding:20px;width:35rem}.music-container{align-items:center;background-color:#293038;color:#fff;display:flex;flex-direction:column;max-width:100vw;min-width:100vw;overflow-x:scroll}.music-title{font-size:2.5rem;margin-bottom:1%;margin-top:1%}@media (max-width:1000px){.music-title{align-self:flex-start;margin-left:2%}.music-hr{display:none}}.music-content-container{display:flex;margin-top:2%;width:100%}.music-mixing-container,.music-production-container{display:flex;flex:3 1;flex-direction:column}.music-other-container{display:flex;flex:2 1;flex-direction:column;height:100%}.music-category-title{background-color:#000;font-size:1.5rem;padding:5px 10px}.music-list{color:#fff;display:grid;grid-template-columns:repeat(auto-fill,270px);justify-content:center;padding-left:5%;padding-right:5%;padding-top:3%}.music-list-item{display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem}.music-list-link{color:#fff;text-decoration:none}.music-list-link:hover{text-decoration:underline}.music-list-link:active{text-decoration:none}.list-icon{flex:1 1;height:2em;margin-right:1em}.music-content-divider{-webkit-margin-before:0;border-width:0 0 0 2px;margin-block-start:0}.music-iframe{border:0;height:110px;margin-top:1%;width:250px}.resume-container{align-items:center;background-color:#293038;color:#fff;display:flex;flex-direction:column;height:90vh;width:100vw}.resume{display:flex;height:100%;padding:2rem 1rem;width:70%}
/*# sourceMappingURL=main.4909a06b.css.map*/