body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/planet-background.57198e0bab3e2b9355bd.jpg) no-repeat 50% fixed;background-blend-mode:lighten;background-repeat:no-repeat,repeat;background-size:cover;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}html{-webkit-tap-highlight-color:transparent}body,html{overflow-x:hidden}p{font-size:20px;font-weight:400}i{border:solid #1f2210;border-width:0 3px 3px 0;display:inline-block;padding:3px}.left{transform:rotate(135deg)}.right{transform:rotate(-45deg)}.nav-bar{background:url(/static/media/earth-background.b4072520b65a388cb176.jpg);top:0;z-index:8999}.nav-bar,.navbar{position:absolute;width:100%}.navbar{z-index:9000}.navTitle{box-shadow:2px 2px 30px #4059f8;color:cyan;font-family:Oxanium,sans-serif,cursive;font-size:40px;font-weight:bolder;letter-spacing:4px;margin-top:15px;padding:10px;text-align:center;text-shadow:#00c3ff 3px 3px 10px;transition:box-shadow .5s}@media (max-width:560px){.navTitle{font-size:36px;text-align:right}}@media (max-width:440px){.navTitle{font-size:28px}}@media (max-width:395px){.navTitle{font-size:16pt}}.menu-container{height:98px;left:0;position:fixed;top:0;transition:all 1s cubic-bezier(.5,-.75,.05,1);width:98px;z-index:9000}.menu-btn{background:linear-gradient(to bottom right,red,#2600ff);border-bottom-right-radius:100%;box-shadow:0 0 30px 5px red,0 0 15px 5px #ffa7a7;cursor:pointer;height:120px;position:relative;transition:all 1.5s cubic-bezier(.5,-.75,.05,1);width:120px;z-index:9001}.hamburger{height:25px;margin-left:20px;margin-top:30px;pointer-events:none;position:absolute;width:25px;z-index:9002}.hamburger span,.hamburger:after,.hamburger:before{background-color:#000;border-radius:5px;content:"";height:5px;position:absolute;transition:all .5s ease;width:25px}.hamburger span{opacity:1;top:10px}.hamburger:before{top:0}.hamburger:after{top:20px}.menu-items{left:0;position:absolute;top:0}.menu-item{border:2px dotted lime;border-radius:20%;color:#fff;font-size:15px;opacity:0;padding:0 6px;position:absolute;text-decoration:none;transform:translateX(-150px);transition:all .3s cubic-bezier(.5,-.25,.05,1)}.menu-item.about{box-shadow:1px 5px 5px #00e1ff;top:35px}.menu-item.projects{box-shadow:1px 5px 5px #1e47ff;top:0}.menu-item.resume{box-shadow:1px 5px 5px #fd7a00;top:70px}.menu-background{height:100px;left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;transition:all 1s cubic-bezier(.5,-.75,.05,1);width:100px;z-index:8999}.menu-background.top{background:#21007a;border:2px solid #ffa500cc;border-bottom-right-radius:400px;border-left:none;box-shadow:5px 10px 15px red;transform:rotate(-45deg);z-index:-100}.menu-background.bottom{background:#000;border:2px solid #ffa500cc;border-bottom-right-radius:400px;border-top:none;box-shadow:10px 10px 15px red;transform:rotate(45deg);z-index:-100}.menu-container.expanded{height:300px;width:300px}.menu-container.expanded .menu-btn{background-color:gold;height:150px;width:150px}.menu-container.expanded .hamburger span{opacity:0}.menu-container.expanded .hamburger:before{background:linear-gradient(135deg,#000,#0400ff,#000);top:10px;transform:rotate(-45deg)}.menu-container.expanded .hamburger:after{background:linear-gradient(135deg,#000,#0400ff,#000);top:10px;transform:rotate(45deg)}.menu-container.expanded .menu-item{color:cyan;font-size:32px;opacity:1;pointer-events:auto}.menu-container.expanded .menu-item.about{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#00ffcc1a,#00ffcc0d);border:2px solid #0fcc;box-shadow:0 0 15px #0fc9,0 0 25px #00ffcc4d,inset 0 0 10px #00ffcc1a;left:170px;text-shadow:0 0 8px #0fcc;top:25px;transform:rotate(12deg) scale(1);transition-delay:.3s}.menu-container.expanded .menu-item.projects{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ff00cc1a,#ff00cc0d);border:2px solid #f0cc;box-shadow:0 0 15px #f0c9,0 0 25px #ff00cc4d,inset 0 0 10px #ff00cc1a;left:100px;text-shadow:0 0 8px #f0cc;top:134px;transform:rotate(45deg) scale(1);transition-delay:.65s}.menu-container.expanded .menu-item.resume{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid #ffd700cc;box-shadow:0 0 15px #ffd70099,0 0 25px #ffd7004d,inset 0 0 10px #ffd7001a;left:0;text-shadow:0 0 8px #ffd700cc;top:192px;transform:rotate(70deg) scale(1);transition-delay:.8s}.menu-container.expanded .menu-item:hover{filter:brightness(1.2) saturate(1.3);transform:rotate(var(--rotation)) scale(1.1) translateY(-3px);transition:all .5s ease}.menu-container.expanded .menu-item.about:hover{--rotation:5deg;box-shadow:0 0 20px #0fcc,0 0 35px #00ffcc80,0 5px 15px #00ffcc4d;text-shadow:0 0 12px #0fc}.menu-container.expanded .menu-item.projects:hover{--rotation:42deg;box-shadow:0 0 20px #f0cc,0 0 35px #ff00cc80,0 5px 15px #ff00cc4d;text-shadow:0 0 12px #f0c}.menu-container.expanded .menu-item.resume:hover{--rotation:70deg;box-shadow:0 0 20px #ffd700cc,0 0 35px #ffd70080,0 5px 15px #ffd7004d;text-shadow:0 0 12px gold}.menu-container.expanded .menu-item{animation:subtlePulse 3s ease-in-out infinite}.menu-container.expanded .menu-item.projects{animation-delay:.5s}.menu-container.expanded .menu-item.resume{animation-delay:1s}@keyframes subtlePulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.05) saturate(1.1)}}.menu-container.expanded .menu-background{height:300px;width:300px}.link{display:flex;font-family:Chakra Petch,sans-serif,cursive;font-size:16px}.link:hover{color:#000;font-size:21px;text-shadow:2px 2px 10px #4059f8}.spacer{background-color:initial;box-shadow:1px 5px 5px #4059f8;height:15px;margin:0;width:100%}.buttons-container{background:#6b6767;border-radius:45px;box-shadow:inset 0 0 2px 2px #00000080;display:inline-block;height:100px;margin:auto;width:300px}ul{height:inherit;list-style:none;margin:0;width:inherit}li,ul{align-items:center;display:flex;justify-content:center;padding:0}li{font-family:Oxanium,sans-serif,cursive;font-weight:700;height:69px;margin:1px;transition:all 1.5s;width:95px}.aboutImage{background:#000;box-shadow:10px 10px 20px #000;height:auto;margin-bottom:25px;margin-top:130px;max-width:40%;min-width:365px;padding:5px;position:relative;width:100%}p{color:#000;font-family:Chakra Petch,sans-serif,cursive;font-weight:600}.aboutText{background:#1c1c1c;border-radius:10px;box-shadow:0 4px 10px #000;color:#fff;margin:20px 20px 50px;overflow:hidden;padding:20px;position:relative}#beer{display:block;font-size:50px}#beer:hover{animation:shake .5s;color:#0000;margin-left:10px;transition:all 3s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.toggleButton{background:linear-gradient(45deg,#00567e,#11003f);border:none;border-radius:5px;box-shadow:0 4px 8px #00000080;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:background .3s ease,transform .3s ease;z-index:1}.toggleButton:before{background:radial-gradient(circle,#fff3 50%,#0000 0);content:"";height:300%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:300%}.toggleButton:hover:before{opacity:.8}.toggleButton:hover{background:linear-gradient(45deg,#036,#0a003e);box-shadow:0 8px 16px #ffffff80}.toggleButton:active{transform:scale(.98)}.toggleButton:after{border:1px solid #ffffff80;border-radius:5px;box-shadow:0 0 15px #001aff;content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.toggleButton:hover{background:linear-gradient(-45deg,#475a00,#000);transform:scale(1.05)}.expandedContent{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease-out}.expandedContent.show{max-height:2000px;opacity:1}.expandedContent p{color:#fff;margin-bottom:10px;text-align:left}#aboutMeButton{background-color:#001d24;border:6px double #ae00ff;color:#b0c3ff;cursor:pointer;font-size:30px;padding:10px 20px;text-shadow:2px 2px 8px #07f;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}#aboutMeButton:hover{border:6px double #fff;transform:scale(1.05);transition:transform .3s ease}#aboutMeButton:hover:before{transform:scale(1)}#aboutMeButton:hover:after{transform:scale(1.5);transition:transform .3s ease}.highlight{color:#fff;display:inline-block;font-weight:700;transition:color .3s ease}.highlight,.highlight:hover{animation:hoverInfinity 4s ease-in-out infinite alternate}.highlight:hover{color:#a6ff00}.arrow-container{font-size:60px;margin-bottom:20px}.skills{background:#1c1c1c;border-radius:10px;box-shadow:0 4px 8px #00000080;color:#fff;margin:20px 20px 50px;overflow:hidden;padding:20px;position:relative;will-change:transform}.skills,.skills:before{transform:translateZ(0)}.skills:before{animation:twinkle 3s infinite alternate;background:url(https://www.transparenttextures.com/patterns/stardust.png);content:"";height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:1}.skills h2{animation:neonGlow 2s infinite alternate;background:linear-gradient(45deg,#0fc,#f0c);border-radius:10px;box-shadow:0 0 20px #0fc9,0 0 30px #f0c9;color:#000;font-family:Montserrat,sans-serif;font-weight:700;overflow:hidden;padding:10px 20px;position:relative;text-align:center;transform:translateZ(0);z-index:2}.skills h2:after,.skills h2:before{animation:spin 15s linear infinite;background:radial-gradient(circle,#00ffcc4d,#ff00cc4d);border-radius:50%;content:"";height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:200%;will-change:transform;z-index:-1}.skills h2:after{animation-delay:-7.5s;animation-direction:reverse}@keyframes neonGlow{0%{box-shadow:0 0 20px #0fc9,0 0 30px #f0c9}to{box-shadow:0 0 30px #0fc,0 0 40px #f0c}}.skills ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;position:relative;z-index:2}.skills ul li{animation:float 4s ease-in-out infinite;background:linear-gradient(135deg,#1e3c72,#2a5298);border:1px solid #00ff2a;border-radius:20px;box-shadow:10px 10px 20px #ffffff4d;color:#fff;font-family:Roboto,sans-serif;font-size:16px;margin:5px 10px;padding:4px;position:relative;text-align:center;transform:translateZ(0);width:120px;will-change:transform;z-index:1}.skills ul li:nth-child(2n){animation-delay:-1s}.skills ul li:nth-child(3n){animation-delay:-2s}.skills ul li:nth-child(4n){animation-delay:-3s}.skills ul li:before{background:linear-gradient(135deg,#77000080,#000000e6);border-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(1.15);width:100%;z-index:-1}.skills ul li span{animation:glow 3s ease-in-out infinite;color:#4bff5a;display:block;font-size:16px;margin:8px;text-shadow:0 0 5px #0fcc,0 0 10px #0fc9,0 0 15px #0fc6;transform:translateZ(0)}.skills ul li:nth-child(odd) span{animation-delay:-1.5s}@media (min-width:1024px){.skills h2{font-size:30px}.skills ul li{font-size:22px}.skills .core-skills li{height:200px;margin:20px;width:200px}.skills .core-skills li span{font-size:30px}}@keyframes glow{0%{text-shadow:0 0 5px #0fc9,0 0 10px #00ffcc4d,0 0 15px #0fc3}50%{text-shadow:0 0 10px #0fc,0 0 20px #0fc9,0 0 30px #0fc6}to{text-shadow:0 0 5px #0fc9,0 0 10px #00ffcc4d,0 0 15px #0fc3}}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.skills h2,.skills h2:after,.skills h2:before,.skills ul li,.skills ul li span,.skills:before{animation:none}}.socialMediaLinks{background:#0000;border-radius:10px;box-shadow:0 4px 8px #000000b3;margin:20px 20px 50px;overflow:hidden;padding:5px;position:relative;text-align:center}.socialMediaLinks:before{animation:rotate 10s linear infinite;background:radial-gradient(circle,#002aff1a,#709dff1a,#65b5ff1a);content:"";height:220%;left:-60%;position:absolute;top:-60%;width:220%;z-index:0}.socialMediaLinks h2{-webkit-text-fill-color:#0000;animation:spaceGlow 2s infinite alternate;background:linear-gradient(135deg,#ff8c00,orange,coral);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;position:relative;text-shadow:0 0 20px #ffffff80;z-index:1}@keyframes spaceGlow{0%{text-shadow:0 0 10px #ffffff4d,0 0 100px #ffa50066,0 0 100px #ffa50099,0 0 100px #ff8c00cc,0 0 100px #ff4500}to{text-shadow:5px 5px 20px #ffffff80,0 0 0 #ffa50066,0 0 0 #ffa50099,0 0 0 #ff8c00cc,0 0 0 #ff4500}}.socialMediaLinks a{background:linear-gradient(135deg,#240046,#09f);color:#fff;display:inline-block;font-family:Roboto,sans-serif;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s;width:110px;z-index:1}.socialMediaLinks a:before{background:radial-gradient(circle,#3f5efb4d,#fc466b4d,#fcb0454d);content:"";height:200%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s,transform .3s;width:200%}.socialMediaLinks a:hover:before{opacity:1;transform:translate(-50%,-50%) scale(.8)}.socialMediaLinks a:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 10px 20px #fff3;transform:translateY(-10px)}.timeline{align-items:center;background:#1c1c1c;border-radius:10px;box-shadow:0 4px 8px #00000080;color:#fff;display:flex;flex-direction:column;font-size:21px;margin:20px 20px 50px;overflow:hidden;padding:20px;position:relative}.timeline:before{animation:rotate 10s linear infinite;background:radial-gradient(circle,#002aff1a,#709dff1a,#65b5ff1a);content:"";height:100%;left:-50%;position:absolute;top:0;width:200%;z-index:0}.timeline h2{animation:float 10s ease-in-out infinite;background:linear-gradient(45deg,#0fc,#f0c);border-radius:10px;box-shadow:4px 4px 15px #000;color:#000;font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:20px;overflow:hidden;padding:10px 20px;position:relative;text-align:center}.timeline h2:after,.timeline h2:before{animation:spin 20s linear infinite;background:radial-gradient(circle,#00ffcc4d,#ff00cc4d);border-radius:50%;content:"";height:140%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:140%;z-index:-1}.timeline h2:after{animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.timeline ul{display:block;list-style:none;padding:0;position:relative;width:100%}.timeline ul li{background:#000c;border-radius:10px;box-shadow:0 4px 8px #00000080;font-family:Roboto,sans-serif;margin:0 auto 8px;padding:20px;position:relative;width:85%}@media (max-width:509px){.timeline ul{font-size:18px}}.timeline ul li:before{border-radius:50%;box-shadow:0 0 10px #3498db,0 0 20px #3498db,0 0 30px #3498db;height:15px;left:12px;top:47.5%;width:15px;z-index:10}.timeline ul li:after,.timeline ul li:before{background:#3498db;content:"";position:absolute}.timeline ul li:after{border:2px solid blue;height:80%;left:16px;top:68%;width:3px;z-index:1000}.timeline ul li span{background:#3498db;border-radius:5px;color:#fff;display:block;font-family:Roboto,sans-serif;font-weight:700;margin:0 20px;padding:5px 10px}.timeline ul li:last-child:after{display:none}#closeIcon{color:cyan;cursor:pointer;float:right;font-family:Oxanium,sans-serif,cursive;font-size:40px;font-weight:700;height:40px;padding:20px 29px;position:relative;transition:transform .5s ease,background-color .3s ease,border-radius .3s ease}#closeIcon:hover{color:#32cd32;text-shadow:2px 2px 10px #00d9ff}.cardContainer{background:url(/static/media/piano-wavelengths.6983a24fa8aced13b16c.jpg);border-radius:5px;border-width:1px;box-shadow:0 2px 6px -2px;font-weight:400;height:250px;margin:auto;width:50%}.cardList{margin:100px auto auto}.projectLeftSpacer,.projectRightSpacer,.projectSpacer{position:relative}.projectSpacer{height:150px;padding-top:20px;width:100%}.detailsParagraph{display:inline-flex;font-size:20px}.projectCard{border:2px solid #0df;border-radius:10px;box-shadow:0 2px 10px -2px #000;font-family:Chakra Petch,sans-serif,cursive;height:130px;margin:auto;width:50%}@media only screen and (max-width:1048px){.projectCard{width:80%}}.projectCard:hover{cursor:pointer}.projectLogo{background-color:#fff;float:left;height:120px;margin:5px 10px 5px 5px;width:120px}.projectInfoHeader{color:#3ae73a;font-size:20pt;font-weight:800;text-align:left;text-shadow:purple 3px 3px 5px}@media only screen and (max-width:455px){.projectInfoHeader{font-size:18pt;margin-right:5px;margin-top:-5px;position:relative;text-align:center;top:50%;transform:translateY(-50%)}}@media only screen and (max-width:356px){.projectInfoHeader{font-size:12pt}}.projectInfoText{color:#fff;font-family:Chakra Petch,sans-serif,cursive;font-size:14pt;font-weight:400;text-align:left}@media only screen and (max-width:657px){.projectInfoText{font-size:12pt}}@media only screen and (max-width:550px){.projectInfoText{font-size:14px}}@media only screen and (max-width:455px){.projectInfoText{display:none}}.projectImg{max-height:120px;max-width:120px}.detailsImage{background-image:url(/static/media/blue-space.c701c51ddffc55e2d161.jpg);display:block}.detailsImage>img{border-radius:50px;margin-top:0;max-width:100%}.websiteScreenshot{margin-bottom:10px;max-height:400px;max-width:250px;max-width:100%}.private-github,.retired-project-p{color:red}.github-link,.website-link{display:flex;font-family:Chakra Petch,sans-serif,cursive;font-weight:600;margin-bottom:15px}.github-link>a,.website-link>a{text-shadow:0 0 18px blue}.website-link>a{color:blue}.github-link>a{color:#2300be}.project-details-paragraph{background-color:initial;color:cyan;margin-bottom:20px;margin-top:20px;padding:20px}a{color:cyan;font-size:20px}.resumePage{margin-top:110px}.resume-links{align-items:center;background-color:#0d3957;border:6px solid #0000;border-radius:12px;box-shadow:4px 4px 5px #000;box-sizing:border-box;display:inline-block;font-family:Chakra Petch,sans-serif,cursive;padding:10px;text-shadow:0 2px 7px #000;text-transform:none;transition:all 1s;width:190px}.resume-links-container{display:flex;justify-content:center;margin-bottom:20px}.resume-links:hover{border:6px double cyan;box-shadow:4px 4px 5px 5px #09f;color:gold;text-shadow:0 0 10px #000}.projectPage{height:100%}.resume-section-block{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00265880;border-radius:8px;margin-bottom:20px;padding:20px}.sectionContainer{display:block}.resumeSectionHeader,.resumeSectionInfo,.resumeSubHeader{display:inline-block;text-shadow:2px 2px 1px #000}.resumeContainer{font-family:Chakra Petch,sans-serif,cursive;height:250px;margin:auto;padding-bottom:25px;text-align:left;width:80%}@media only screen and (max-width:700px){.resumeContainer{width:80%}}.resumeTitle{font-size:32pt;font-weight:800;text-shadow:2px 2px 5px red}.resumeSectionHeader{color:#28ffff;font-size:24pt;font-weight:800;margin-bottom:12px}.resumeSubHeader{color:gold;float:left;font-size:24px;font-weight:800}.resumeSectionInfo{font-size:24px;font-style:italic}.resumeSectionInfo,.resumeText{color:#fff;font-weight:400;margin-bottom:6px}.resumeText{font-size:20px;justify-content:left;margin-top:2px;text-shadow:2px 2px 7px #000}.resumeText>p{color:#fff}#eMail{align-items:center;color:#5eff00;display:flex;font-family:Chakra Petch,sans-serif,cursive;font-size:24px;font-weight:500;gap:8px;margin:10px 0;text-shadow:0 0 5px #000}.resume-links-icon{background:cyan;border-radius:20%;margin-top:0;padding:2px;vertical-align:middle}@media (max-width:554px){#eMail{font-size:18px}}@media only screen and (max-width:400px){#email{font-size:18px}.resume-links:hover{border-color:#000;border-style:double dotted;border-width:4px;padding:8px}.resumeContainer{font-size:20px}.resumeSectionHeader{font-size:28px}.resumeSectionInfo,.resumeSubHeader{font-size:18px}.resumeText{font-size:16px;margin-bottom:20px}.resume-section-block{margin-bottom:15px;padding:15px}}.App{height:100%;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes .App{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app>div,.App,body,html{height:100%}
/*# sourceMappingURL=main.7bfe2714.css.map*/