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}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}#root,.App,body,html{height:100%}a{text-decoration:none;color:inherit}svg{fill:#1a535c}.portfolio{height:100%;-webkit-justify-content:space-between;justify-content:space-between}.portfolio,.portfolio__header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.portfolio__header{-webkit-justify-content:center;justify-content:center;width:100%;background-color:#fff;padding:1rem}@media screen and (min-width:600px){.portfolio__header{-webkit-flex-direction:row;flex-direction:row}}.portfolio__header__left{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:flex-start;align-items:flex-start;height:3rem;margin-right:.5rem}@media screen and (min-width:600px){.portfolio__header__left{height:5rem}}.portfolio__header__left--static{color:#ff6b6b;font-size:2.5rem;font-weight:bolder}.portfolio__header__right{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end;height:3rem}@media screen and (min-width:600px){.portfolio__header__right{height:5rem}}.portfolio__header__right--dynamic{overflow:hidden;padding-right:.5rem;border-right:.15em solid #ff6b6b;white-space:nowrap;color:#ff6b6b;font-weight:600;font-size:1rem;-webkit-animation:typing 2s steps(40),blink-caret .75s step-end infinite;animation:typing 2s steps(40),blink-caret .75s step-end infinite}@media screen and (min-width:600px){.portfolio__header__right--dynamic{white-space:nowrap;font-size:2rem}}.portfolio__contents{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;position:relative;bottom:-5rem}@media screen and (min-width:600px){.portfolio__contents{-webkit-flex-direction:row;flex-direction:row}}.portfolio__contents__project{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;border:3px solid #4ecdc4;border-radius:8px;width:15rem;height:20rem;padding:1rem;margin:1.5rem;background-color:#fefecc;box-shadow:-5px 5px rgba(78,205,196,.4),-10px 10px rgba(78,205,196,.3),-15px 15px rgba(78,205,196,.2),-20px 20px rgba(78,205,196,.1),-25px 25px rgba(78,205,196,.05)}.portfolio__contents__project:hover{box-shadow:-10px 10px rgba(78,205,196,.4),-15px 15px rgba(78,205,196,.3),-20px 20px rgba(78,205,196,.2),-25px 25px rgba(78,205,196,.1),-30px 30px rgba(78,205,196,.05)}.portfolio__contents__project__title__logo{width:70%}.portfolio__contents__project__title__logo--records{width:70%;padding-top:1rem}.portfolio__contents__project__description{font-size:1rem;font-weight:400}.portfolio__contents__project__description--hackathon{font-size:.75rem}.portfolio__contents__project__description--link{font-size:.9rem;font-weight:600}.portfolio__contents__project__description--icon{height:1rem;margin-left:.5rem}.portfolio__contents__project__techstack{display:-webkit-flex;display:flex}.portfolio__contents__project__techstack__logo{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50%}.portfolio__contents__project__techstack__logo--angular{height:3rem}.portfolio__contents__project__techstack__logo--react{height:3.5rem}.portfolio__contents__project__techstack__logo--plaid{height:2rem}.portfolio__contents__project__techstack__logo--firebase,.portfolio__contents__project__techstack__logo--sass{height:3rem}.portfolio__contents__contact--mobile{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}@media screen and (min-width:600px){.portfolio__contents__contact--mobile{display:none}}.portfolio__contents__contact--desktop{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}@media screen and (max-width:600px){.portfolio__contents__contact--desktop{display:none}}.portfolio__contents__contact--social{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%;height:6rem;width:6rem;margin:1rem;background-color:#fefecc;border:3px solid #4ecdc4;box-shadow:-5px 5px rgba(78,205,196,.4),-10px 10px rgba(78,205,196,.3),-15px 15px rgba(78,205,196,.2),-20px 20px rgba(78,205,196,.1),-25px 25px rgba(78,205,196,.05)}.portfolio__contents__contact--social:hover{box-shadow:-10px 10px rgba(78,205,196,.4),-15px 15px rgba(78,205,196,.3),-20px 20px rgba(78,205,196,.2),-25px 25px rgba(78,205,196,.1),-30px 30px rgba(78,205,196,.05)}.portfolio__footer{width:100%;border-bottom:200px solid #ffe66d;border-left:75px solid transparent;border-right:75px solid transparent}.circles{left:0;width:100%;height:100%;z-index:-1}.circles,.circles li{position:absolute;bottom:0}.circles li{display:block;list-style:none;width:20px;height:20px;-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite}.circles li:first-child{left:25%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:20s;animation-duration:20s;border-top-left-radius:0!important;color:rgba(26,83,92,.3);font-size:4rem;font-weight:600}.circles li:nth-child(2){left:10%;-webkit-animation-duration:25s;animation-duration:25s;color:rgba(78,205,196,.3)}.circles li:nth-child(2),.circles li:nth-child(3){width:20px;height:20px;-webkit-animation-delay:0s;animation-delay:0s;border-radius:50%;border-top-left-radius:0!important;font-size:4rem;font-weight:600}.circles li:nth-child(3){left:70%;-webkit-animation-duration:20s;animation-duration:20s;color:#f7fff7}.circles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:15s;animation-duration:15s;color:hsla(0,100%,71%,.3)}.circles li:nth-child(4),.circles li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;border-radius:50%;border-top-left-radius:0!important;font-size:4rem;font-weight:600}.circles li:nth-child(5){left:65%;width:20px;height:20px;-webkit-animation-duration:20s;animation-duration:20s;color:rgba(255,230,109,.3)}.circles li:nth-child(6){left:75%;width:90px;height:90px;-webkit-animation-duration:25s;animation-duration:25s;color:rgba(26,83,92,.3)}.circles li:nth-child(6),.circles li:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s;border-radius:50%;border-top-left-radius:0!important;font-size:4rem;font-weight:600}.circles li:nth-child(7){left:35%;width:50px;height:50px;-webkit-animation-duration:30s;animation-duration:30s;color:rgba(78,205,196,.3)}.circles li:nth-child(8){left:50%;width:25px;height:25px;-webkit-animation-duration:35s;animation-duration:35s;color:#f7fff7}.circles li:nth-child(8),.circles li:nth-child(9){-webkit-animation-delay:0s;animation-delay:0s;border-radius:50%;border-top-left-radius:0!important;font-size:4rem;font-weight:600}.circles li:nth-child(9){left:20%;width:15px;height:15px;-webkit-animation-duration:40s;animation-duration:40s;color:hsla(0,100%,71%,.3)}.circles li:nth-child(10){left:85%;color:rgba(255,230,109,.3)}.circles li:nth-child(10),.circles li:nth-child(11){width:50px;height:50px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:45s;animation-duration:45s;border-radius:50%;border-top-left-radius:0!important;font-size:4rem;font-weight:600}.circles li:nth-child(11){left:35%;color:rgba(78,205,196,.3)}.circles li:nth-child(12){left:80%;width:50px;height:50px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:45s;animation-duration:45s;border-radius:50%;border-top-left-radius:0!important;color:hsla(0,100%,71%,.3);font-size:4rem;font-weight:600}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:0}50%{-webkit-transform:translateY(-60vh) rotate(1turn);transform:translateY(-60vh) rotate(1turn);opacity:1}to{-webkit-transform:translateY(-120vh) rotate(2turn);transform:translateY(-120vh) rotate(2turn);opacity:0}}@keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:0}50%{-webkit-transform:translateY(-60vh) rotate(1turn);transform:translateY(-60vh) rotate(1turn);opacity:1}to{-webkit-transform:translateY(-120vh) rotate(2turn);transform:translateY(-120vh) rotate(2turn);opacity:0}}@-webkit-keyframes typing{0%{width:0}to{width:80%}}@keyframes typing{0%{width:0}to{width:80%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:hsla(0,100%,71%,.3)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:hsla(0,100%,71%,.3)}}.video{width:100vw;height:100vh;background-color:rgba(35,41,64,.5);position:fixed;top:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.video__modal{width:90vw;height:90vh;background-color:#fff;border-radius:5px;padding:2rem}.video__modal__close{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.video__modal__content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:80vw;-webkit-justify-content:space-between;justify-content:space-between;margin-top:2rem}.video__modal__button--close{background-color:#fff;border:none;font-size:2rem;font-family:Arial,Helvetica,sans-serif}.video__modal__button--choose{background-color:#fff;border:1px solid #000;border-radius:5px}.video__modal__button--upload{background-color:grey;border-radius:5px;border:1px solid #fff;color:#fff;padding:.5rem;font-size:1rem;font-family:Arial,Helvetica,sans-serif}
/*# sourceMappingURL=main.490207ee.chunk.css.map */