body{margin:0;font-family:-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}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:"Oxygen";vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-image:url(/static/media/flowers.c50e7574.jpg);background-attachment:fixed}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a:link,a:visited{color:#191970}.intro{display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.hero{font-size:45px;margin-bottom:67px;-webkit-animation:enter-text;animation:enter-text;-webkit-animation-duration:2s;animation-duration:2s;background-color:#000;color:#fffaf0;width:100vw;max-width:100%;text-align:center;height:56px;font-style:italic;padding:10px 0}.intro-title{font-size:25px;position:absolute;top:85px;text-align:center;-webkit-animation:introh2 4s ease infinite,enter-introh2 2s ease 1;animation:introh2 4s ease infinite,enter-introh2 2s ease 1}.bio{line-height:20px;max-width:700px;font-size:16px;padding:20px;-webkit-animation-name:enter-bio;animation-name:enter-bio;-webkit-animation-duration:2s;animation-duration:2s}.links{display:flex;justify-content:space-evenly;-webkit-backdrop-filter:blur(20px) grayscale(100%);backdrop-filter:blur(20px) grayscale(100%);padding:7px;margin-top:-3px}.links a:hover{-webkit-filter:invert();filter:invert()}.links img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.contact-logo{width:50px}.intro-black{-webkit-animation:intro-black 4s ease 1;animation:intro-black 4s ease 1}.project-list{display:flex;flex-direction:column;align-items:top;max-width:900px}.section-title{width:100vw;max-width:100%;font-size:30px;padding:19px 0;text-align:center;text-shadow:2px 3px #dcdcdc}.project{max-width:900px;border-top:none}.project h3{text-align:center;font-size:20px;padding:10px;-webkit-backdrop-filter:blur(30px) saturate(300%);backdrop-filter:blur(30px) saturate(300%)}.project-links{display:flex;justify-content:space-evenly;padding:10px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.project-image{max-width:500px;margin-top:-3px;position:relative;z-index:1}.project-description{padding:15px;margin-top:-3px}.project-description,.tech-used{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.tech-list{padding:10px}.tech-icon{width:24px;margin-right:8px;float:left}.music{margin-top:20px}.refractor{margin-bottom:45px}.end-space{display:none}html{scroll-behavior:smooth}.project-anchor-links{display:none}@-webkit-keyframes card-hover1{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@keyframes card-hover1{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@-webkit-keyframes card-hover2{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@keyframes card-hover2{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@-webkit-keyframes card-hover3{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@keyframes card-hover3{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@-webkit-keyframes card-hover4{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@keyframes card-hover4{0%{margin-left:-5px}25%{margin-top:5px;margin-left:0}50%{margin-right:5px;margin-top:0}75%{margin-bottom:-5px;margin-right:0}}@-webkit-keyframes introh2{0%{top:85px}50%{top:100px}}@keyframes introh2{0%{top:85px}50%{top:100px}}@-webkit-keyframes enter-introh2{0%{left:-2500px}to{left:15%}}@keyframes enter-introh2{0%{left:-2500px}to{left:15%}}@-webkit-keyframes enter-text{0%{margin-top:-1000px}to{margin-top:0}}@keyframes enter-text{0%{margin-top:-1000px}to{margin-top:0}}@-webkit-keyframes enter-bio{0%{margin-left:5000px}to{margin-right:0}}@keyframes enter-bio{0%{margin-left:5000px}to{margin-right:0}}@-webkit-keyframes intro-black{0%{height:2000px}to{height:0}}@keyframes intro-black{0%{height:2000px}to{height:0}}@media screen and (max-width:540px){.project-image{width:100vw;max-width:100%}.project{margin-bottom:15px;border:1px solid #000}.links,.project-links,.tech-used{margin-top:-3px}}@media screen and (min-width:520px){@media screen and (max-width:800px){.chord-magic .project-image{max-width:515px}.chord-magic .project-description{padding-bottom:0;line-height:20px}.image-left{float:left;margin-right:25px}.image-right{float:right;margin-left:25px}.image-left{border-radius:0 0 0 10px}.image-right{border-radius:0 0 10px 0}}.grandfather .project-image{width:230px;border-radius:0 0 10px 0}.refractor .project-image{width:194px}.project{border:1px solid #000;border-radius:10px;margin-bottom:30px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);margin-left:auto;margin-right:auto}.project h3{border-radius:10px 10px 0 0}.project-links{position:relative}.ytpoet .project-description{line-height:27px}.bottom-feeder .project-image{width:400px}@-webkit-keyframes enter-introh2{0%{left:-2500px}to{left:40%}}@keyframes enter-introh2{0%{left:-2500px}to{left:40%}}}@media screen and (min-width:800px){.bread_bot{margin-left:35vw!important}.bottom-feeder{margin-right:40vw!important}.grandfather .project-image,.refractor .project-image{width:300px}.grandfather,.refractor{max-width:300px;margin-left:50px!important;margin-right:50px!important}.music{display:flex;flex-direction:row;justify-content:center}.project-list{overflow:auto;white-space:nowrap;max-width:100%;flex-direction:row;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-ms-scroll-snap-points-x:repeat(300px);scroll-snap-points-x:repeat(300px)}.project{display:inline-block;margin-left:150px;margin-right:150px;height:100%;scroll-snap-align:center}.project-description,.tech-used{white-space:normal}.ytpoet .tech-list{margin-bottom:15px}.end-space{display:inline-block;visibility:hidden}.project-anchor-links{display:flex;flex-direction:row;justify-content:space-between;width:500px;margin-left:auto;margin-right:auto;margin-bottom:25px}.project-anchor-links a{text-decoration:none;text-shadow:1px 1px pink;font-weight:700;color:#2f4f4f}.project-anchor-links a:hover{text-shadow:1px 1px grey;color:pink}.project-anchor-links a:active{color:#e6e6fa}}
/*# sourceMappingURL=main.be50f192.chunk.css.map */