body{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}body{font-family:Lato,sans-serif;position:relative;cursor:default;color:#fff;margin:0}#under-ocean{-webkit-transition:all .5s;transition:all .5s}.app-container{margin:0}.subheader{font-size:4rem}.container{padding:100px 50px 200px;position:relative;display:flex;align-items:center;-webkit-transition:all .5s;transition:all .5s;flex-direction:column;z-index:10;text-align:center;width:100%;margin:0}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.parallax>use{-webkit-animation:move-forever 12s linear infinite;animation:move-forever 12s linear infinite;-webkit-transition:all .5s;transition:all .5s}.parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:6s;animation-duration:6s}.parallax>use:nth-child(2){-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:13s;animation-duration:13s}.parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:10s;animation-duration:10s}@-webkit-keyframes move-forever{0%{-webkit-transform:translate(-90px);transform:translate(-90px)}to{-webkit-transform:translate(85px);transform:translate(85px)}}@keyframes move-forever{0%{-webkit-transform:translate(-90px);transform:translate(-90px)}to{-webkit-transform:translate(85px);transform:translate(85px)}}.home-container{position:relative;display:block;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flex-box{display:flex;align-items:center;flex-direction:column;margin:0}@media screen and (max-width:700px){.title{color:#fff;font-size:150%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;margin-bottom:30px;text-align:center}#hey-title{display:none}.greeting{margin:4%}}@media screen and (min-width:700px){.title{width:1000px;color:#fff;font-size:3.5vh;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;margin-bottom:30px;padding-top:50px}}.editorial{width:100%;margin:0;z-index:10}@media (max-width:50em){.editorial{height:17vw}}.chevron{position:absolute;width:100px;text-align:center;z-index:99;bottom:10%}.fa-chevron-down{color:#fff;cursor:pointer;opacity:1;-webkit-transition:all .5s;transition:all .5s}.title-button{width:125px;height:50px}.home-icon{font-size:30px;padding:2px}.title-button-container{display:flex;flex-wrap:wrap}.header-link{color:#fff}.header-link:hover{color:#000;cursor:pointer}.link-padding{padding:20px}.nav-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:800px){.header-link{padding:20px 10px}}.about-blue{background:#2d55aa;color:#fff}.about-black{background:#0c1419;color:#fff}.about-green{background:#142a28;color:#e5d3c8}.introduction-container{display:flex;justify-content:center}.headshot{width:40%;object-fit:cover;max-height:800px}.about-content{width:80%;padding-top:50px}@media screen and (max-width:700px){.about-content{width:100%;padding-top:50px}}@media screen and (max-width:1100px){.introduction-container{display:block}.headshot{max-width:80%;object-fit:cover;max-height:600px}}#recently-played{opacity:1;-webkit-transition:all .8s;transition:all .8s}.particles{position:absolute;height:100%;width:100%;z-index:99}.particles-visible{visibility:visible}.particles-hidden{visibility:hidden}.music-container{height:auto;background-color:#2f4f4f;-webkit-transition:all .3s;transition:all .3s;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);border-radius:7px;background:#407253;color:#000;padding-bottom:15px;width:800px}.music-header{background:#0f4730;border-radius:7px 7px 0 0;padding:5px;color:#f5f6db}.recently-played-modal{color:#f5f6db}.experience-green{color:#e5d3c8;background:#142a28}.experience-black{background:#0c1419;color:#fff}.experience-purple{background:#281c3c;color:#e5d3c8}.leaf{z-index:20;position:absolute;opacity:1%}.right-leaf-steep{width:20%;right:0;top:15%}.right-leaf{width:40%;right:0;top:60%}.left-leaf-steep{left:0;top:50%;width:20%}.left-leaf{left:0;top:50%;width:40%}.tropical-leaf{width:30%;left:0;top:10%}.tropical-leaf-right{width:30%;right:0;top:40%}.card{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s;border-radius:7px;width:325px;height:600px;background:#ecaca4;margin:20px 40px 20px 0;-webkit-transition:all .1s;transition:all .1s}img{border-radius:5px 5px 0 0;width:100%}.experience-content{padding:2px 16px;text-align:center;color:#142a28}.point,.tag{font-family:Open Sans,sans-serif}.portfolio-purple{background:#281c3c;color:#d1d5e9}.portfolio-lavendar{background:#8e75bc;color:#201c33}.portfolio-white{background:#f2f2f2;color:#403866}.visible{visibility:visible;opacity:1;-webkit-transition:opacity 2s linear;transition:opacity 2s linear}.hidden{visibility:hidden;opacity:0;-webkit-transition:visibility 0s 2s,opacity 2s linear;transition:visibility 0s 2s,opacity 2s linear}.portfolio-card{width:400px;height:400px;position:relative}.default-display{width:100%;height:100%;color:#000;text-align:center;padding:10px;background:#f4f4f4}.portfolio-card:hover .default-display{opacity:.2}.portfolio-card:hover .overlay{opacity:.7}.portfolio-button{margin:20px}.overlay{background:#000;color:#f5f5f5;-webkit-transition:.4s ease;transition:.4s ease;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;padding:40px 10px}.project-icon{width:40%}.project-icon,.project-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.project-image{width:250px;height:200px;border-radius:5px;object-fit:cover}.DAD5EB{background:#dad5eb}.bcb2db{background:#bcb2db}.e9e6f3{background:#e9e6f3}.skills-green{color:#e5d3c8;background:#142a28}.skills-purple{background:#281c3c;color:#d1d5e9}.skills-lavendar{background:#8e75bc;color:#403866}.skills-white{background:#f2f2f2}.card img{z-index:100}.skill-card{height:550px}
/*# sourceMappingURL=main.7eb65d38.chunk.css.map */