*{text-decoration:none}.App{display:flex;flex-direction:column;font-family:Poppins,serif;justify-content:space-between;min-height:100vh;min-width:100vw;position:relative}.white{color:#fff}.nopacity{opacity:0}body,html{max-width:100%;overflow-x:hidden}.the404{color:#fff;height:70vh;margin:100px auto;padding:10px;position:absolute;text-align:center;width:100%;z-index:100}.the404>img{height:70%;margin:0;width:auto}.loading-h1{color:#fff;margin-top:160px;text-align:center}.bg-color{-webkit-animation:bganimate1 30s linear infinite;animation:bganimate1 30s linear infinite;background:linear-gradient(#d60000,#02ffb3);height:100%;opacity:.5;position:absolute;width:100%}.name{-webkit-background-clip:text;background-clip:text;background-color:#fff;background-size:contain;color:transparent;font-size:5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-name{display:none}.about-main{align-items:center;display:flex;justify-content:space-between;margin-top:90px;overflow:hidden;padding:2rem;transition:1s ease-in-out}#about-bio{background-color:#f0f8ff;border-radius:8px;box-shadow:4px 4px 18px 2px rgba(0,0,0,.5);display:flex;flex-direction:column;font-size:1.2rem;padding:20px 50px;-webkit-transform:translateX(1300px);transform:translateX(1300px);transition:.5s;width:50%;z-index:1}.bio-text{font-size:1rem}.home-main{display:flex;height:100%;min-height:500px;min-width:100vw;overflow:hidden;position:absolute;z-index:2}.chorale{height:100vh}.chorale,.mobile-landing-bg{object-fit:cover;position:absolute;width:100vw;z-index:1}.mobile-landing-bg{display:none;height:110vh;top:-56px}#welcome{color:#fff;font-size:100px;height:100%;margin:0;position:absolute;text-align:center;text-shadow:0 0 2px #000;width:100%;z-index:3}.welcome-btns{bottom:35%;display:flex;justify-content:space-around;margin:auto;width:75%;z-index:3}.welcome-btn{background:url(/static/media/Twirl%201.a22001dd51ad96a86354.png);background-size:100% 100%;border:none;border-radius:6px;box-shadow:0 0 10px 2px rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:48px;height:17vw;min-height:160px;min-width:250px;opacity:.9;width:27vw}.welcome-btn:hover .welcome-btn-text{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;transition:.3s}.welcome-btn-text{font-weight:900;margin:0 auto;opacity:1;text-shadow:0 0 2px #000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.code-enter{left:20%}.music-enter{right:20%}.music-enter,.music-enter>p{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}h2{font-size:48px}.gif-ctr{align-items:center;display:flex;justify-content:center;margin:0;padding:0;transition:margin-left .3s;width:40%}.gif{border-radius:800px;box-shadow:4px 4px 18px 2px rgba(0,0,0,.5);height:auto;object-fit:cover;-webkit-transform:translateX(-1000px);transform:translateX(-1000px);transition:.5s;width:85%}.headshot{border-radius:50%;margin-right:5%}.skills-ctr{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:100%}.skill-card{border-radius:5px;display:inline;display:flex;flex-direction:column;margin:10px;min-height:85px;min-width:100px;padding:2px}.skill-logo{-webkit-filter:drop-shadow(2px 2px 1px transparent);filter:drop-shadow(2px 2px 1px rgba(0,0,0,0));height:40px;margin:auto;transition:.5s;width:auto}.shrunk{height:0;width:0}.skill-card:hover h4{box-shadow:0 1px #000;transition:.5s}.skill-card:hover .skill-logo{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;-webkit-filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));transition:.5s}.skill-card>h4{box-shadow:none;color:#000;display:inline;margin:8px auto;transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.far-left{margin-left:-700px}.far-right{margin-left:2000px}.welcome-bg{-webkit-animation:animate 18s infinite;animation:animate 18s infinite;background-size:cover;background:linear-gradient(217deg,red,#6200ff 70.71%);height:100vh;min-width:100vw;opacity:1;position:absolute;top:0;transition:.5s;z-index:3}.welcome-msg{color:#fff;font-size:72px;margin:36vh 2vw;text-align:center}.welcome-msg>span{font-size:42px;font-style:italic}.link{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);background-clip:text;-webkit-background-clip:text;transition:.3s}.link,.works{color:#fff}.works:hover{-webkit-animation:5s linear infinite;animation:5s linear infinite;background:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);background-clip:text;-webkit-background-clip:text;color:transparent;text-decoration:none}.link:hover{color:transparent;transition:.4s}.here{-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);background-clip:text;-webkit-background-clip:text;color:transparent;text-decoration:none}@-webkit-keyframes animate{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes animate{0%,to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.intro-rotation{-webkit-animation:rotation .5s;animation:rotation .5s}.flip{-webkit-animation:flip .5s;animation:flip .5s}@-webkit-keyframes rotation{0%{rotate:0}to{rotate:359deg}}@keyframes rotation{0%{rotate:0}to{rotate:359deg}}@-webkit-keyframes flip{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(359deg);transform:rotateY(359deg)}}@keyframes flip{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(359deg);transform:rotateY(359deg)}}@-webkit-keyframes bganimate1{0%,to{background:#8400ff}50%{background:#002fff}}@keyframes bganimate1{0%,to{background:#8400ff}50%{background:#002fff}}@-webkit-keyframes bganimate2{0%,to{background:red}50%{background:#51ff00}}@keyframes bganimate2{0%,to{background:red}50%{background:#51ff00}}@media screen and (max-width:1000px){.about-main{flex-direction:column;margin-top:70px}#about-bio{width:75%}.about-name{display:block;line-height:80px;text-align:center}.gif-ctr{height:auto;margin-bottom:20px;max-width:60%}.header-black,.header-content *{display:none}}@media screen and (max-width:700px){#about-bio{font-size:12px;padding:2px;width:95%}.bio-text{margin:0;padding:15px}.welcome-btn{font-size:2rem;margin-bottom:24px}.welcome-btns{flex-direction:column;text-align:center}#welcome{font-size:3rem}}@media screen and (max-width:500px){.welcome-msg{font-size:2rem}}::-webkit-scrollbar{width:0}#scrollPath{background:hsla(0,0%,100%,.05);height:100%}#progressbar,#scrollPath{position:fixed;right:0;top:0;width:10px}#progressbar{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100}#progressbar,#progressbar:before{background:linear-gradient(0deg,#008aff,#00ffe7)}#progressbar:before{content:"";-webkit-filter:blur(10px);filter:blur(10px);height:100%;left:0;position:absolute;top:0;width:100%}@font-face{font-family:Poppins;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}@font-face{font-family:Poppins;font-weight:700;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf)}@font-face{font-family:Poppins;font-weight:200;src:url(/static/media/Poppins-Light.7641a0f76ca9ef6c252c.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{height:100px;position:absolute;width:100vw}*{box-sizing:border-box}.header-content{align-items:center;display:flex;justify-content:space-between}.header-black,.header-content{height:100%;position:absolute;width:100%;z-index:1}.header-black{box-shadow:inset 0 0 120px 12px #000;left:0;top:0}nav{display:flex;justify-content:space-around;padding:.5rem;width:40%}.name{margin:28px 28px 1.8rem}.nav-btn{background-color:#000;border:none;border-radius:10px;box-shadow:inset 0 0 100px rgba(255,0,0,.23);color:#fff;font-family:Poppins,serif;font-size:large;font-weight:700;height:50px;padding:0 30px;text-shadow:0 0 1px inset #000;transition:.3s}.nav-btn,.selected-btn{align-items:center;display:flex}.selected-btn{flex-direction:column}.selected-btn:after{background-color:#fff;content:" ";height:4px;text-align:center;width:80%}.nav-btn:hover{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;color:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);cursor:pointer;transition:.3s}.about-btn{background-image:url(https://res.cloudinary.com/dsvcyich1/image/upload/v1693442901/flower1_y5mj8j.png)}.projects-btn{background-image:url(https://res.cloudinary.com/dsvcyich1/image/upload/v1693442803/flower6_gjhcee.png)}.music-btn{background-image:url(https://res.cloudinary.com/dsvcyich1/image/upload/v1693442901/flower5_kp7nof.png);background-size:cover}.Link{text-decoration:none}.hamburger{display:none;height:auto;margin:30px auto;width:50px}.music-btn-ctr{align-items:center;display:flex;flex-direction:column}.toggle-anim{-webkit-animation:bganimate2 20s linear infinite;animation:bganimate2 20s linear infinite;border-radius:10px;height:20px;margin-top:8px;outline:2px solid gray;overflow:hidden;position:relative;width:50px}.toggle-anim-bg{-webkit-animation:bganimate1 20s linear infinite;animation:bganimate1 20s linear infinite;height:100%;position:absolute;transition:.3s}.toggle-anim-ball{background:linear-gradient(45deg,#e8f59e,#bcc3ff,#ffafaf);border:1px solid gray;border-radius:50%;height:20px;position:absolute;transition:.3s;width:20px}#hamburger-div{height:75px;margin:0 auto;width:50px;z-index:1}.dropdown-hidden{display:none}.dropdown-visible{display:block}.dropbtn{display:none;position:relative}.dropdown-content{background:rgba(0,0,0,.8);border-radius:15%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);left:-56px;min-height:100px;min-width:160px;position:absolute}.burger-link{cursor:pointer;display:block}.burger-link-text{color:transparent;display:block;font-size:24px;font-weight:700;margin:.5em;text-align:center}@media screen and (max-width:1000px){.dropbtn,.hamburger{display:block}}.socials-ctr img{height:50px;margin:0 8px;transition:.2s;width:50px}.socials-ctr img:hover{-webkit-filter:invert(100%);filter:invert(100%);transition:.2s}footer{color:#fff;min-height:150px;padding-top:30px;position:relative;width:100vw}.footer-content,footer{align-items:center;display:flex;flex-direction:column;margin:0 auto}.footer-content{height:20px;position:absolute;z-index:2}.socials-ctr{display:flex;flex-direction:row;justify-content:space-between}.projects-page{margin-top:128px}.projects-body{margin:0 auto;position:relative;width:100%}#project-comp-title{margin-bottom:32px}.project-card{align-items:center;background-color:#f0f8ff;border-radius:8px;box-shadow:4px 4px 18px 2px rgba(0,0,0,.5);display:flex;justify-content:space-between;margin:0 auto 32px;position:relative;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:75%}.project-image{min-width:30%;object-fit:contain;padding:10px;width:50%}.project-iframe{min-height:400px;min-width:50%;padding:10px}.bandcamp-iframe{max-width:350px;min-width:350px}.project-info{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:50px}.project-description{text-align:justify;white-space:pre-line}.project-info>h1{font-size:3rem}.project-btns{display:flex;justify-content:space-around;width:75%}.project-btn{background-color:#2e2c2a;border:1px solid transparent;border-radius:10px;color:#f0f8ff;font-size:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:.3s}.project-btn:hover{border:1px solid #2e2c2a;cursor:pointer;text-decoration:none}.project-btn:hover .project-btn-text{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;background:linear-gradient(90deg,red,orange,#ff0,green,blue,purple);background-clip:text;-webkit-background-clip:text;color:transparent;text-decoration:none;transition:.3s}.project-btn-text{margin:0;padding:0}.projects-body>h3{font-size:48px;margin:0;text-align:center}.projects-body h1,.tools{text-align:center}.tools{font-style:italic}.music-choices{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:16px;-webkit-transform:translateY(-500px);transform:translateY(-500px);transition:.3s;width:100%}.music-choice{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:2rem;margin:0}.music-choice:hover:after{transition:width .5s;width:80%}.music-choice:after,.selected-choice:after{background-color:#fff;content:" ";height:4px;text-align:center;width:0}.selected-choice:after{width:80%}.music-choice-btn{background-color:hsla(0,0%,100%,.3);border:none;border-radius:16px;font-family:Poppins,serif;margin:8px;padding:8px}@media screen and (max-width:1380px){.project-card{flex-direction:column;position:relative}.project-title{margin:0;position:absolute;top:10px}.project-iframe,.project-image{margin:100px auto 15px;order:1}.project-info{order:2}.project-iframe{min-height:300px;width:90%}.bandcamp-iframe{min-height:350px}}@media screen and (max-width:700px){.project-btns{align-items:center;flex-direction:column;width:100%}.project-btn{margin:10px}.project-info{text-align:justify}.project-iframe,.project-image{margin:150px auto 15px}#about-bio,.project-card{width:95vw}}
/*# sourceMappingURL=main.f6127be5.css.map*/