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}body{background-color:#fff;font-family:"Roboto",sans-serif}@media only screen and (max-width:768px){.main{min-height:100vh}Footer{position:relative;bottom:0;right:5%}}@media only screen and (min-width:769px){.main{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}}.nav-list{padding:.2rem;border-radius:5px;font-weight:700;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;list-style:none;color:#000}li:hover{cursor:pointer;color:purple}.home-logo{height:1rem;width:1rem;margin-right:.2rem}@media only screen and (max-width:767px){.home-wrapper-main{max-height:100vh;width:auto;margin:4rem 10px}.home-wrapper-main,.home-wrapper-sub{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.home-wrapper-sub{width:80%}.home-wrapper-projects{-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-basis:100%;flex-basis:100%}.home-wrapper-projects,.title-line{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.title-line{-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:.7rem}.home-wrapper-sub p{color:grey}.home-project-img{max-height:11rem;width:auto}.home-project{height:10rem;-webkit-flex-basis:75%;flex-basis:75%;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:3rem 0;position:relative;text-align:center;transition:visibility 0s,opacity .5s linear}.home-project-middle{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-project-middle-text{border:2px solid #000;width:75%;height:auto;padding:1rem}.home-project-middle-text:hover{cursor:pointer}.home-project:hover .home-project-middle{visibility:visible;opacity:1}}@media only screen and (min-width:768px) and (max-width:1024px){.home-wrapper-main{-webkit-justify-content:center;justify-content:center;max-height:100vh;width:auto;margin:4rem .5rem}.home-wrapper-main,.home-wrapper-sub{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center}.home-wrapper-sub{margin-bottom:3rem}.home-wrapper-sub p{color:grey;font-size:1.2rem;width:75%}.title-line{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.title-line h2{margin-top:0;margin-bottom:2rem}.home-wrapper-projects{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:space-around;justify-content:space-around;width:100%;-webkit-align-items:center;align-items:center}.home-project{height:20rem;box-shadow:5px 5px 10px grey;margin:3rem 0;position:relative;text-align:center;transition:visibility 0s,opacity .5s linear}.home-project-middle{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-project-middle-text{border:2px solid #000;width:100%;height:auto;padding:1rem}.home-project-middle-text:hover{cursor:pointer}.home-project:hover .home-project-middle{visibility:visible;opacity:1}.home-project-img{max-height:100%;width:auto}}@media only screen and (min-width:1025px){.home-wrapper-main{display:block;width:50%;margin:0 auto 5rem}.home-wrapper-sub{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;margin-bottom:3rem}.home-wrapper-sub p{color:grey;font-size:1.2rem}.title-line{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.title-line h2{margin-top:0;margin-bottom:2rem}.home-wrapper-projects{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:space-around;justify-content:space-around;width:100%;-webkit-align-items:center;align-items:center}.home-project{height:20rem;box-shadow:5px 5px 10px grey;margin:3rem 0;position:relative;text-align:center;transition:visibility 0s,opacity .5s linear}.home-project-middle{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-project-middle-text{border:2px solid #000;width:100%;height:auto;padding:1rem}.home-project-middle-text:hover{cursor:pointer}.home-project:hover .home-project-middle{visibility:visible;opacity:1}.home-project-img{max-height:100%;width:auto}}@media only screen and (max-width:768px){.about-main-container{display:block;width:75%;margin:2rem auto 0}.about-sub-container{-webkit-flex-basis:50%;flex-basis:50%;-webkit-flex-flow:column wrap;flex-flow:column wrap;margin-bottom:2rem}.about-main-body,.about-sub-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.about-main-body{-webkit-flex-flow:column;flex-flow:column}.about-main-body p,.about-sub-body p,ul{color:grey}h2,h3{font-size:1.2rem}.contact-container-large{visibility:hidden}.contact-container-small{height:10rem;width:10rem;margin-top:2rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);background-color:#c0d7e9;padding:.5rem}.contact-form-small{display:-webkit-flex;display:flex;-webkit-flex-flow:column wrap;flex-flow:column wrap}.contact-links-small{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;-webkit-justify-content:space-between;justify-content:space-between}}@media only screen and (min-width:769px){.about-main-container{display:block;width:50%;margin:2rem auto 0}.about-sub-container{-webkit-flex-basis:50%;flex-basis:50%;-webkit-flex-flow:column wrap;flex-flow:column wrap;margin-bottom:2rem}.about-main-body,.about-sub-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.about-main-body{-webkit-flex-flow:column;flex-flow:column}.about-main-body p,.about-sub-body p,ul{color:grey;font-size:1.2rem}.contact-container-small{visibility:hidden}.contact-container-large{position:absolute;height:10rem;width:10rem;top:25%;left:25%;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.contact-container-large:hover{cursor:pointer}.contact-form-large{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.contact-links-large{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-around;justify-content:space-around}.email{margin-right:1rem}}a{text-decoration:none;color:#000;font-weight:700}@media only screen and (max-width:768px){.main-portfolio-wrapper{margin-top:4rem;margin-bottom:4rem;min-height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.sub-portfolio-wrapper{-webkit-flex-basis:100%;flex-basis:100%}.portfolio-row,.sub-portfolio-wrapper{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-around;justify-content:space-around}.portfolio-project{-webkit-flex-basis:68%;flex-basis:68%;height:12rem;margin-bottom:2rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:2px;position:relative;text-align:center;transition:visibility 0s,opacity .5s linear;background-color:transparent}.portfolio-project-middle{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portfolio-project-middle-text{border:2px solid #000;width:75%;height:auto;padding:1rem}.portfolio-project-middle-text:hover{cursor:pointer}.portfolio-project:hover .portfolio-project-middle{visibility:visible;opacity:1}.resume-button{position:absolute;left:0;top:5%;height:2.5rem;width:2.5rem;border-radius:180px;background-color:#a8c0ce;box-shadow:5px 5px 10px grey;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:.3rem}.animation{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:3;animation-iteration-count:3}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}.resume-button p{font-weight:700;text-align:center;background-color:none;font-size:.7rem}.animation p:hover{cursor:pointer;color:#00f}section:hover .middle{opacity:1}.middle{transition:.5s ease;opacity:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:block;margin:0 auto}section:hover img{opacity:.3}.hidden{display:none}.transluscent{opacity:1%;pointer-events:none}.resume-container{position:absolute;top:15%;left:3%}.resume,.resume-container{width:25.5rem;height:33rem;opacity:1%}.portfolio-img{max-height:100%;width:auto}.resume-show{background-color:transparent;font-size:.7rem}.resume-download,.resume-show{text-decoration:none;border:none;font-weight:700;color:#000}.resume-download{background:#bad0e2;font-size:.85rem;cursor:pointer;margin:.1rem;border-radius:2px;transition:all .6s ease 0s}.resume-download:hover{background:#9db0c8}}@media only screen and (min-width:768px) and (max-width:1024px){.main-portfolio-wrapper{margin-top:4rem;margin-bottom:4rem;min-height:100%;width:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.sub-portfolio-wrapper{width:100%}.portfolio-row,.sub-portfolio-wrapper{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-around;justify-content:space-around}.portfolio-project{-webkit-flex-basis:58%;flex-basis:58%;height:20rem;margin-bottom:2rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-radius:2px;position:relative;text-align:center;transition:visibility 0s,opacity .5s linear;background-color:transparent}.portfolio-project-middle{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portfolio-project-middle-text{border:2px solid #000;width:75%;height:auto;padding:1rem}.portfolio-project-middle-text:hover{cursor:pointer}.portfolio-project:hover .portfolio-project-middle{visibility:visible;opacity:1}.resume-button{position:absolute;left:0;top:5%;height:2.5rem;width:2.5rem;border-radius:180px;background-color:#a8c0ce;box-shadow:5px 5px 10px grey;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:.4rem}.animation{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:3;animation-iteration-count:3}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}.resume-button p{font-weight:700;text-align:center;background-color:none;font-size:.7rem}.animation p:hover{cursor:pointer;color:#00f}section:hover .middle{opacity:1}.middle{transition:.5s ease;opacity:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:block;margin:0 auto}section:hover img{opacity:.3}.hidden{display:none}.transluscent{opacity:1%;pointer-events:none}.resume-container{height:100%;width:auto}.resume,.resume-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.resume{-webkit-align-items:center;align-items:center;height:33rem;width:25.5rem}.portfolio-img{max-height:100%;width:auto}.resume-show{background-color:transparent}.resume-download,.resume-show{text-decoration:none;border:none;font-weight:700;color:#000}.resume-download{background:#bad0e2;font-size:.85rem;cursor:pointer;margin:.1rem;border-radius:2px;transition:all .6s ease 0s}.resume-download:hover{background:#9db0c8}}@media only screen and (min-width:1025px){.main-portfolio-wrapper{margin-top:4rem;margin-bottom:4rem;position:relative;min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.sub-portfolio-wrapper{-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-flex-basis:100%;flex-basis:100%}.portfolio-row,.sub-portfolio-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.portfolio-row{-webkit-flex-flow:row wrap;flex-flow:row wrap}.portfolio-project{-webkit-flex-basis:30%;flex-basis:30%;height:20rem;margin-bottom:2rem;box-shadow:5px 5px 10px grey;border-radius:2px;position:relative;text-align:center;transition:visibility 0s,opacity .5s linear}.portfolio-project-middle{visibility:hidden;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portfolio-project-middle-text{border:2px solid #000;width:100%;height:auto;padding:1rem}.portfolio-project-middle-text:hover{cursor:pointer}.portfolio-project:hover .portfolio-project-middle{visibility:visible;opacity:1}.resume-button{position:absolute;width:50px;height:50px;border-radius:180px;background-color:#a8c0ce;box-shadow:5px 5px 10px grey;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:.4rem}.animation{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:3;animation-iteration-count:3}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}.resume-button p{font-weight:700;text-align:center;background-color:none;font-size:.8rem}.animation p:hover{cursor:pointer;color:#00f}section:hover .middle{opacity:1}.middle{transition:.5s ease;opacity:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:block;margin:0 auto}section:hover img{opacity:.3}.hidden{display:none}.transluscent{opacity:1%;pointer-events:none}.resume-container{height:100%;width:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column nowrap;flex-flow:column nowrap}.resume-controls{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row}.resume{height:60rem;width:52rem}.portfolio-img{max-height:100%;width:auto}.resume-show{background-color:transparent}.resume-download,.resume-show{text-decoration:none;border:none;font-weight:700;color:#000;font-size:.85rem;cursor:pointer}.resume-download{background:#bad0e2;margin:.1rem;border-radius:2px;transition:all .6s ease 0s}.resume-download:hover{background:#9db0c8}}.footer-container{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.footer-list-main{-webkit-justify-content:space-around;justify-content:space-around}.footer-list-main,.footer-list-sub{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;list-style:none;text-decoration:none}.footer-list-sub{-webkit-justify-content:center;justify-content:center;font-size:.5rem}.footer-sub-li{margin-right:.2rem;margin-left:.2rem}.footer-list a{text-decoration:none}.footer-icon{height:20px;width:20px}
/*# sourceMappingURL=main.13f86e2a.chunk.css.map */