@import url(https://fonts.googleapis.com/css?family=Quicksand&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);body,html{height:100%}body{margin:0;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100%;width:100%}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}.green-background{background-color:#15616d;color:#ffecd1;transition:background-color 1s linear}.green-background-font{color:#ffecd1}.black-background{background-color:#001524}.black-background,.white-background{transition:background-color 1s linear}.white-background{background-color:#ffecd1;color:#78290f}.white-background-font{color:#78290f}.orange-background{background-color:#ff7d00;color:#001524;transition:background-color 1s linear}.orange-background-font{color:#001524}.red-background{background-color:#78290f;transition:background-color 1s linear}.splash-links{display:flex;justify-content:space-between;height:100vh;height:100dvh}.splash-links .splash-link{display:flex;height:100%;width:100%;box-shadow:5px 5px rgba(0,0,0,.25)}.splash-links .splash-link.unexpanded{height:100%;max-height:100%;width:34%;transition:width .5s}.splash-links .splash-link.unexpanded:hover{width:50%;transition:width .5s}.splash-links .splash-link.expanded{width:100%;opacity:1;transition:width .5s;pointer-events:none}.splash-links .splash-link.flat{width:0;transition:width .5s;pointer-events:none}.splash-links .splash-link a{width:100%;height:100%}.splash-links .splash-link a button{width:100%;height:100%;margin:0;border:none;text-align:center}.splash-links .splash-link a button:hover{cursor:pointer}.splash-links .splash-link a button:hover h2{font-size:32px;font-weight:400;transition:font-size .25s}.splash-links .splash-link a button.clicked{cursor:default}.splash-links .splash-link a button.clicked h2{font-size:28px;font-weight:700;margin:-300px 10px 0 0;transition:opacity .5s,margin 3s}.splash-links .splash-link a button h2{font-family:"Quicksand";font-size:24px;margin-right:10px;transition:font-size .25s,margin .5s;font-weight:100}@media(max-width:576px){.splash-links .splash-link a button{height:100%;display:flex;justify-content:flex-end;flex-direction:column;padding-bottom:80px}}.navbar-container{display:flex;justify-content:center}.navbar-container ul{display:flex;justify-content:space-around;list-style:none;max-width:800px;width:100%;padding-left:0}.navbar-container ul li a{text-decoration:none;font-size:18px;transition:font-size .25s;padding:14px}.navbar-container ul li a:hover{font-size:22px;transition:font-size .25s}.navbar-container ul li a:link,.navbar-container ul li a:visited{color:inherit}.navbar-container ul li a.active{font-size:22px;font-weight:600}.header{position:absolute;flex-direction:column;z-index:1000;left:0;right:0;padding:12px 20px;font-size:24px}.header,.header .info-container{display:flex;justify-content:center}.header .info-container{vertical-align:baseline;align-items:center}@media(max-width:576px){.header .info-container{flex-direction:column}}.header .andrew-head-cropper{position:relative;overflow:hidden;width:110px;min-width:110px;height:110px;min-height:110px;border-radius:50%;background-color:#ffecd1;border:2px solid #ffecd1}.header .andrew-head-cropper .andrew-head{position:relative;width:128px;height:128px;margin-top:-14px;transform:scaleX(-1);margin-left:-16px}.header .andrew-head-cropper p{position:absolute;left:0;right:0;top:40px;text-align:center;margin:0}.header .andrew-title{margin-left:24px;display:flex;flex-direction:column;text-align:left}.header .andrew-title h1{font-family:"Quicksand";font-weight:600;font-size:28px;margin-bottom:0}.header .andrew-title h2{margin-top:2px;font-size:18px}.header .andrew-title .title-placeholder{margin-top:2px;min-height:24px}@media(max-width:576px){.header .andrew-title{text-align:center;margin-left:0}.header .andrew-title h1{font-size:1.5em}.header .andrew-title h2{font-size:1em}}.header .disable-link{pointer-events:none}.header .clickable{cursor:pointer;transition:opacity .25s}.header .clickable:hover{opacity:0;transition:opacity .25s}.skills,.skills h4{text-align:left}.skills h4{font-weight:lighter}.skills span{font-size:18px;font-weight:800}.about{display:flex}@media(max-width:576px){.about{flex-direction:column}}.about .content{display:flex;flex-direction:column;justify-content:center;text-align:left;padding-left:40px;padding-top:40px}.about .content h1{font-size:48px;font-weight:bolder}.about .content p{font-size:1.5em;margin-left:16px}@media(max-width:576px){.about .content{padding-left:0}}.about .profile{width:40%;min-width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media(max-width:576px){.about .profile{width:90%;margin:0 auto}}.about .profile h2{text-align:center}.about .about-image-cropper{overflow:hidden;width:180px;min-width:180px;height:180px;min-height:180px;border-radius:50%;background-color:#ffecd1;border:2px solid #ffecd1;margin:16px}.about .about-image-cropper .about-image{position:relative;height:180px;left:50%;transform:translateX(-50%)}.white-background-font .about .profile .about-image-cropper{background-color:#78290f;border:2px solid #78290f}.contact-methods{display:flex;justify-content:space-evenly;margin-top:20px}a{color:#ffecd1;text-decoration:none}a:hover{text-decoration:underline}.contact-form{width:100%}.contact-form h1{margin-bottom:16px}.contact-form .container{display:flex;flex-direction:column;width:100%;margin-top:48px}.contact-form #contact{width:100%}.contact-form *{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.contact-form body{font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:100;font-size:12px;line-height:30px}.container{width:100%;margin:48px auto 0;max-width:800px;padding-bottom:50px}@media(max-width:576px){.container{width:80%}}#contact button[type=submit],#contact input[type=email],#contact input[type=tel],#contact input[type=text],#contact input[type=url],#contact textarea{font:400 12px/16px "Roboto",Helvetica,Arial,sans-serif;display:flex}.contact-button-container{width:100%;text-align:center}.contact-button-container,.contact-button-container button{display:flex;justify-content:center}#contact{padding:25px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);margin-bottom:50px}#contact h3{display:block;font-size:30px;font-weight:300;margin-bottom:10px}#contact h4{margin:5px 0 15px;display:block;font-size:13px;font-weight:400}fieldset{border:none!important;margin:0 0 10px;min-width:100%;padding:0;width:100%}#contact input[type=email],#contact input[type=tel],#contact input[type=text],#contact input[type=url],#contact textarea{width:100%;border:1px solid #ccc;background:#fff;margin:0 0 16px;padding:16px}#contact input[type=email]:hover,#contact input[type=tel]:hover,#contact input[type=text]:hover,#contact input[type=url]:hover,#contact textarea:hover{transition:border-color .3s ease-in-out;border:1px solid #aaa}#contact textarea{height:100px;resize:none}#contact button{cursor:pointer;width:100%;max-width:400px;border:none;margin:0 0 5px;padding:10px;font-size:15px;text-align:center}#contact button,#contact button:hover{transition:background-color .25s}#contact button[type=submit]:hover{transition:background-color .3s ease-in-out}#contact button[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.copyright{text-align:center}label{color:inherit}#contact input:focus,#contact textarea:focus{outline:0;border:1px solid #aaa}::-webkit-input-placeholder{color:#888}:-moz-placeholder,::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}.green-background-contact#contact{background:rgba(0,21,36,.25)}.green-background-contact #contact-submit{background-color:#15616d;color:#ffecd1}.green-background-contact #contact-submit:hover{background-color:#ffecd1;color:#15616d;background:#ffecd1}.white-background-contact#contact{background:rgba(120,41,15,.25)}.white-background-contact #contact-submit{background-color:rgba(120,41,15,.5);color:#ffecd1}.white-background-contact #contact-submit:hover{background-color:#78290f;color:#ffecd1;background:#78290f}form{justify-content:center}.card,form{display:flex;flex-direction:column}.card{justify-content:space-between;width:300px;padding:16px;margin:16px 4px;background:rgba(0,21,36,.25);color:#ffecd1;border-radius:6px;box-shadow:5px 5px 8px #001524}.card.white-background-card{background:rgba(120,41,15,.25);box-shadow:5px 5px 8px #001524;color:#78290f}.card h2{font-weight:1000;font-size:20px}.card h3{font-weight:300;font-size:14px}.card h4{font-size:12px;font-weight:100;font-style:italic}.card a:visited{color:#ffecd1}.card.orange-background-card,.card.orange-background-card a,.card.orange-background-card a:visited{color:#001524}.card .wip-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:3px;border:1px solid;opacity:.6;margin-bottom:8px}.card img{width:300px;height:180px;object-fit:contain}.card .audio-player{width:100%;margin-bottom:8px}.card .card-image-placeholder{width:300px;height:180px;background:rgba(0,0,0,.15);border-radius:4px;display:flex;align-items:center;justify-content:center}.card .card-image-placeholder span{font-size:14px;font-weight:600;opacity:.5;text-align:center;padding:0 16px}.portfolio{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:48px 0}.discography-container{width:100%}.discography-container .disc-tabs{display:flex;justify-content:center;grid-gap:8px;gap:8px;padding:24px 0 8px}.discography-container .disc-tabs .disc-tab{background:transparent;border:1px solid;border-radius:4px;font-family:"Quicksand",sans-serif;font-size:16px;padding:6px 24px;cursor:pointer;opacity:.5;transition:opacity .2s}.discography-container .disc-tabs .disc-tab:hover{opacity:.8}.discography-container .disc-tabs .disc-tab.active{opacity:1;font-weight:700}.discography-container .portfolio{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:24px 0 48px}.transcriptions-container{width:100%;padding:32px 16px}.transcriptions-container h1{font-size:28px;margin-bottom:24px}.transcriptions-container .transcriptions-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.transcriptions-container .transcription-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid;opacity:.9}.transcriptions-container .transcription-row:first-child{border-top:1px solid}.transcriptions-container .transcription-row:hover{opacity:1}.transcriptions-container .transcription-info{display:flex;flex-direction:column;grid-gap:2px;gap:2px;text-align:left}.transcriptions-container .transcription-title{font-size:16px;font-weight:700}.transcriptions-container .transcription-source{font-size:13px;opacity:.7}.transcriptions-container .transcription-instrument{font-size:12px;opacity:.5;font-style:italic}.transcriptions-container .transcription-links{display:flex;grid-gap:16px;gap:16px;font-size:14px}.transcriptions-container .transcription-links a{color:inherit;text-decoration:none;opacity:.7}.transcriptions-container .transcription-links a:hover{opacity:1;text-decoration:underline}.goals-container{padding:48px 16px;width:100%}.goals-container h1{font-size:36px;margin-bottom:32px}.goals-container .quest-categories{display:flex;flex-wrap:wrap;grid-gap:40px;gap:40px;justify-content:center}.goals-container .quest-category{min-width:200px;max-width:280px;text-align:left}.goals-container .quest-category h2{font-size:20px;font-weight:700;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid}.goals-container .quest-category ul{list-style:none;padding:0}.goals-container .quest-category ul li{font-size:16px;padding:6px 0 6px 20px;position:relative}.goals-container .quest-category ul li:before{content:"▸";position:absolute;left:0}.page-container{width:100%;position:absolute;z-index:500;top:280px;top:var(--header-height,280px);height:calc(100dvh - 280px);height:calc(100dvh - var(--header-height, 280px));bottom:0}.page,.page-container{display:flex;justify-content:center}.page{width:90%;overflow-y:scroll;scrollbar-width:none}.page span{width:80%}@media(max-width:576px){.page,.page span{width:100%}}.fade-enter{opacity:.01}.fade-enter.fade-enter-active{opacity:1;transition:opacity .5s ease-in}.fade-leave{opacity:1}.fade-leave.example-leave-active{opacity:.01;transition:opacity .3s ease-in}*{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-color:#78290f;width:100vw}.App{text-align:center;overflow-x:hidden}.hidden{display:none}.fadeOut{opacity:0}.fadeIn{opacity:1;transition:opacity 2s}
/*# sourceMappingURL=main.a9a5b26c.chunk.css.map */