body,html{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;box-sizing:border-box;padding:0;font-weight:400;font-size:16px;line-height:1.7;color:#777}.App{height:100vh;text-align:center}.App-open{width:80vw}.title{-webkit-animation:fadein 1s;animation:fadein 1s}@media (min-width:700px){.App-open{width:90vw}}@media (min-width:1400px){.DotBtn{padding-left:10vw}}.DrawerToggleBtn-button{display:flex;flex-direction:column;justify-content:space-around;width:50px;height:50px;background-color:transparent;border:none;outline:none;cursor:pointer;margin:0;padding:0;box-sizing:border-box;transition:all .7s ease}.DrawerToggleBtn-line{width:2.5rem;height:3px;margin-bottom:.5rem;background-color:#fff}.DrawerToggleBtn-button:hover{transform:scale(1.5)}@media (min-width:600px){.DrawerToggleBtn-line{width:3rem;margin-bottom:.75rem}}.Header_container{width:100vw;background-color:#11dbca;box-shadow:5px 4px 4px rgba(255,86,208,.25);display:inline-block}@media (min-width:230px){.Header_container{height:50px;padding:2rem 0 1rem 2rem}}@media (min-width:800px){.Header_container .Header_container{height:8vh;padding:2rem 0 .5rem 2rem}}.smallBtn__container{width:100%;display:flex;align-items:center;justify-content:center}.smallBtn{text-decoration:none;background-color:#ff56d0;border:2px solid #ff56d0;width:55px;height:55px;border-radius:50%;color:#fff;outline:none;box-shadow:5px 4px 10px rgba(255,86,208,.15);transition:.3s}.smallBtn:hover{background-color:#e3c147;border:2px solid #e3c147;font-size:.8em;color:#fff;transition:all .2s ease-in-out}.smallBtn:hover:hover{transform:scale(1.1)}@media (min-width:600px){.smallBtn__container{width:100%;display:flex;align-items:center;justify-content:center}.smallBtn{width:100px;height:100px;border-radius:50%}.smallBtn:hover{font-size:1em}}.SideDrawer-wrapper{width:70%;max-width:400px;height:100%;background-color:#fff;box-shadow:2px 0 5px rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:200;transition:opacity .7s ease-in}.SideDrawer-list{display:flex;flex-direction:column;justify-content:center;text-align:left;font-size:1.75rem;font-family:"Comfortaa";color:#0c5dbf;list-style:none}.SideDrawer-listItem{margin-top:1rem}.SideDrawer-listItem a{text-decoration:none;color:#0c5dbf}.SideDrawer-listDot{color:#ff56d0;font-weight:900}.SideDrawer-listItem:active,.SideDrawer-listItem:hover{color:#ff56d0;font-weight:600}@media (min-width:600px){.SideDrawer-list{font-size:3rem}}.Backdrop-wrapper{width:100%;height:100%;top:0;left:0;position:fixed;background-color:rgba(0,0,0,.3);z-index:100}.title{display:inline-block;align-items:left;width:100%;font-family:Comfortaa;font-style:normal;font-weight:700;font-size:1rem;color:#0c5dbf}.firstname{margin-top:1rem;-webkit-margin-after:0;margin-block-end:0}.pinkletter{color:#ff56d0}.lastname{margin:0}.sub{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-family:Raleway;font-size:.75rem;color:#0c5dbf;margin:0 0 2rem}@media (min-width:600px){.title{display:flex;align-items:center;justify-content:center;font-size:2.5rem}.firstname{text-align:left;-webkit-margin-after:3vh;margin-block-end:3vh}.lastname{text-align:left;margin-top:3vh;padding-left:3vw}.sub{font-size:1.75rem}}.circleBtn__container{width:80%;display:flex;align-items:left;margin-left:4em;margin-top:0}.circleBtn{text-decoration:none;background-color:#ff56d0;border:solid 2px#ff56d0;width:75px;height:75px;border-radius:50%;color:#fff;outline:none;font-size:1em;box-shadow:5px 4px 4px rgba(225,70,199,.3);transition:.3s}.circleBtn:hover{background-color:#e3c147;border:solid 2px#e3c147;font-size:1.5em;color:#fff}@media (min-width:600px){.circleBtn__container{width:60%;display:flex;align-items:left;justify-content:center}.circleBtn{width:150px;height:150px;border-radius:50%}.circleBtn:hover{font-size:2em}}.hand__container{display:inline-block;width:80%}@media (min-width:600px){.hand__container{width:60%}}.About{text-align:center;max-width:600px}.About,.About__text{display:inline-block}.About__text{text-align:left;font-size:.75em;font-family:"Raleway";width:80%}.About__resume{display:inline-block;text-align:center}.About-resLink{text-decoration:none}@media (min-width:600px){.About{max-width:100%}.About__text{font-size:2em;width:90%}}.FeatureImg__container{width:80%;display:inline-block;align-items:center;margin-top:1rem;margin-bottom:1rem}.FeatureImg{text-decoration:none;background-color:#ff56d0;width:200px;height:200px;border-radius:50%;color:#ff56d0;box-shadow:5px 4px 4px rgba(227,193,71,.3);transition:.3s}@media (min-width:600px){.FeatureImg__container{justify-content:center}.FeatureImg{width:400px;height:400px;box-shadow:5px 4px 10px rgba(227,193,71,.3)}}.Footer__container{width:100%;height:30px;background-color:#11dbca;box-shadow:5px 4px 4px rgba(255,86,208,.25);bottom:0;left:0;margin-top:40px;padding:30px 0 0 20px}@media (min-width:600px){.Footer__container{height:3vh}}.Portfolio{height:100vh;display:flex;flex-direction:column;text-align:center}.Projects__title{margin-top:2rem;-webkit-animation:fadein 1s;animation:fadein 1s}.Project-link{text-decoration:none;outline:none;border:0;padding:0;transition:all .2s ease-in-out}.Project-link:hover{transform:scale(1.1)}.ProjectCard-wrapper{overflow-y:auto;height:auto;background-color:#fff;color:#0c5dbf;box-shadow:2px 0 5px rgba(0,0,0,.5);position:relative;z-index:200;transition:opacity .7s ease-in;margin-left:auto;margin-right:auto}@media (min-width:230px){.ProjectCard-wrapper{max-width:100vw}}@media (min-width:800px){.ProjectCard-wrapper{max-width:90vw}}.ProjectCard-header{height:5vh;background-color:#11dbca;box-shadow:5px 4px 4px rgba(255,86,208,.25);display:flex;align-items:center;justify-content:center;padding:2rem 0 1rem 2rem}@media (min-width:230px){.ProjectCard-header{max-width:100vw}}@media (min-width:800px){.ProjectCard-header{max-width:100%}}@media (min-width:230px){.ProjectCard-title{font-size:2rem}}@media (min-width:800px){.ProjectCard-title{font-size:3rem}}.ProjectCard-list{display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:"Comfortaa";color:#0c5dbf;list-style:none}@media (min-width:230px){.ProjectCard-list{font-size:1rem}}@media (min-width:800px){.ProjectCard-list{font-size:2rem}}.ProjectCard-listItem{margin-top:1rem}.ProjectCard-listItem a{text-decoration:none;font-weight:700;color:#ff56d0}.ProjectCard-listItem a:hover{transition:all .2s ease-in-out;color:#e3c147}.ProjectCard-listItem a:hover:hover{transform:scale(1.05)}.overview{text-align:left;padding-left:1rem;padding-right:1rem}.ProjectCard-btn{padding-bottom:1rem}@media (min-width:800px){.row{display:flex;flex-direction:row;justify-content:space-between}}@media (min-width:800px){.Preview__main{display:flex;justify-content:center}}.Preview__img{box-shadow:5px 4px 4px rgba(255,86,208,.25);-webkit-animation:fadein 1s;animation:fadein 1s}@media (min-width:230px){.Preview__img{max-width:80%;height:auto}}@media (min-width:800px){.Preview__img{max-width:45%;max-height:45%}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}form{display:flex;flex-direction:column;justify-content:center;padding-top:20px;padding-bottom:none}form ul{width:100%;height:auto;list-style-type:none;list-style-position:outside}.form-control{display:block;border:1px solid #eee;background-color:#eee;box-shadow:0 0 3px #ccc,inset 0 10px 15px #eee;width:250px;border-radius:3px;padding:10px 15px;margin:0 auto 10px;text-align:center;font-size:18px;color:#0c5dbf;font-weight:300;font-family:"Raleway",sans-serif;transition:all .4s ease}.form-control:focus:invalid{box-shadow:0 0 5px #d45252;border-color:#b03535}.form-control:required:valid{box-shadow:0 0 5px #5cd053;border-color:#28921f}label{text-align:center;font-size:18px;color:#fff;font-weight:300}#message{width:50%;height:150px;resize:none}button[type=submit]{border:none;width:100%;margin-top:10px;cursor:pointer;background:#fff}
/*# sourceMappingURL=main.cec2f5b5.chunk.css.map */