@import url(https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister&display=swap);.design-background{background:#fff;height:100vh}@media screen and (max-width:500px){.design-background{display:none}}@media screen and (max-width:800px){.design-background{display:none}}.welcome-div{position:relative}.introduction{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:center;position:absolute;top:50%;width:100%}@media screen and (max-width:500px){.introduction{display:none}}@media screen and (max-width:800px){.introduction{display:none}}.intro-header{color:#b3a190;flex-wrap:wrap;font-family:Love Ya Like A Sister,cursive;font-size:2.2rem;justify-content:center;margin:30px}@media screen and (max-width:500px){.intro-header{font-family:Love Ya Like A Sister,cursive;font-size:1.3rem}}@media screen and (max-width:800px){.intro-header{font-size:1.75rem}}#volume-icon{color:#b3a190}@media screen and (max-width:500px){#volume-icon{display:flex;justify-content:center;margin-bottom:2%;margin-top:1%}}@media screen and (max-width:800px){#volume-icon{display:flex;justify-content:center;margin-top:1%}}#volume-icon:hover{color:teal;cursor:pointer}#arrow-icon{color:#b3a190}#arrow-icon:hover{color:teal;-webkit-transform:translate(-10px);transform:translate(-10px);-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.15s}.nav-wrapper{background:#fff;display:flex;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}@media screen and (max-width:500px){.nav-wrapper{justify-content:flex-end;position:fixed;top:0}}@media screen and (max-width:800px){.nav-wrapper{background:#fff;display:flex;justify-content:flex-end;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}}.nav-wrapper a{color:#b3a190;font-family:Love Ya Like A Sister,cursive;font-size:1.5rem;margin:.5% 3% 0;padding:.5%;position:-webkit-sticky;position:sticky;text-decoration:none;text-transform:uppercase}@media screen and (max-width:500px){.nav-wrapper a{align-items:center;color:#b3a190}}@media screen and (max-width:800px){.nav-wrapper a{color:#b3a190;font-family:Love Ya Like A Sister,cursive;font-size:1.5rem;margin:0 3%;padding:.5%;position:-webkit-sticky;position:sticky;text-decoration:none;text-transform:uppercase}}.nav-wrapper a:hover{color:#e63629}@media screen and (min-width:500px){.mobile-nav-icons{display:none}}@media screen and (max-width:499px){.mobile-nav-icons .resume{font-size:1em}}svg#ham-icon{height:50px;width:auto}svg#x-icon{height:100px;z-index:1}.MuiPaper-root.MuiMenu-paper.MuiPopover-paper.MuiPaper-elevation8.MuiPaper-rounded{box-shadow:none;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:100%;position:static}.MuiList-root{align-items:center;color:#b3a190;display:flex;flex-direction:column;font-size:1.25rem;height:100vh;justify-content:center;line-height:1.8;margin:0;max-height:100vh;text-transform:uppercase}@media screen and (max-width:800px){.MuiList-root{font-size:2rem}}.MuiList-root a:hover{color:#e63629}.MuiList-root a:active{text-decoration-color:#e63629}ul.MuiList-root.MuiMenu-list.MuiList-padding{padding-bottom:0;padding-top:0}.entireContainer{height:100%;width:100%}@media screen and (max-width:500px){.entireContainer{display:flex;margin:0 auto}}.entireContainer #volume-icon{display:inline;display:initial;font-size:1.5rem;margin-bottom:0;margin-top:0}.entireContainer #volume-icon #volume-icon:hover{color:teal}.entireContainer .outer-about-wrapping-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 auto;-webkit-transform:translateY(50%);transform:translateY(50%)}@media screen and (max-width:500px){.entireContainer .outer-about-wrapping-container{-webkit-transform:translateY(10%);transform:translateY(10%)}}@media screen and (max-width:800px){.entireContainer .outer-about-wrapping-container{-webkit-transform:translateY(20%);transform:translateY(20%)}}.entireContainer .inner-about-wrapping-container{border:2px solid #ecb505;border-radius:15px;width:50%}@media screen and (max-width:500px){.entireContainer .inner-about-wrapping-container{width:90%}}@media screen and (max-width:800px){.entireContainer .inner-about-wrapping-container{width:90%}}.entireContainer #blog-link{color:#ecb505}.entireContainer #blog-link:hover{opacity:.9}.project-container{display:flex;flex-wrap:wrap;margin:0 3.5% 3.5%;padding-bottom:3.5%}@media screen and (min-width:501px)and (max-width:1004px){.project-container{margin:0}}@media screen and (max-width:500px){.project-container{margin:0}}.project-card-container{display:grid;grid-template-columns:auto auto;margin:auto}@media screen and (min-width:801px)and (max-width:1004px){.project-card-container{margin:3% auto 6%}}@media screen and (max-width:800px){.project-card-container{display:grid;grid-template-columns:auto auto;margin:3% auto 6%}}@media screen and (max-width:500px){.project-card-container{grid-template-columns:none;margin:4% auto 10%}}.project-card{align-items:center;border-radius:15px;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:3%;max-width:400px}@media screen and (max-width:800px){.project-card{max-width:325px}}@media screen and (max-width:500px){.project-card{margin-left:auto;margin-right:auto;max-width:300px;padding:0;width:300px}}.project-card-btn{text-align:center}.project-img{height:200px}#airbnb-link{color:#b3a190;text-decoration:none}#airbnb-link:hover{color:teal}.contact-container{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);display:flex;height:400px;justify-content:center;margin:0 auto;max-width:1000px;-webkit-transform:translateY(50%);transform:translateY(50%);-ms-transform:translateY(50%);width:auto}@media screen and (max-width:800px){.contact-container{width:96%}}@media screen and (max-width:500px){.contact-container{box-shadow:none;flex-direction:column;height:100%;max-width:100%;-webkit-transform:none;transform:none;-ms-transform:none;width:100%}}.contact-info{border-radius:15px;color:#b3a190;font-family:Love Ya Like A Sister,cursive;font-size:1.2rem;margin:1% 0;padding:1.5%;text-align:center;text-align:left}@media screen and (max-width:500px){.contact-info{border:2px solid #b3a190;box-shadow:none;margin:2%;text-align:center;width:90%}}.contact-header{color:#b3a190;font-family:Love Ya Like A Sister,cursive;font-size:2rem;text-align:center}.contact-subheader{color:#e63629;text-align:center}.form{border-radius:15px;flex-wrap:wrap;margin-bottom:5%;margin-top:5%;max-width:55%;opacity:.9;padding:2.5%;transition:.3s}@media screen and (max-width:800px){.form{border-radius:10px;flex-wrap:wrap;margin-bottom:5%;margin-top:5%;opacity:.9;padding:2.5%;transition:.3s;width:80%}}@media screen and (max-width:500px){.form{border-radius:10px;margin-top:5%;max-width:100%;opacity:.9;padding:2.5%;text-align:center;transition:.3s;width:90%}}.MuiTypography-h6{color:#b3a190;font-family:Love Ya Like A Sister,cursive!important;text-transform:uppercase}button.MuiButtonBase-root.MuiButton-root.MuiButton-text.contact-form-button{background-color:#e63629;border-radius:15px;color:#fff;font-family:Love Ya Like A Sister,cursive;height:40px;margin-top:3%;width:30%;width:100%}@media screen and (max-width:500px){button.MuiButtonBase-root.MuiButton-root.MuiButton-text.contact-form-button{margin-top:10%;width:90%}}@media screen and (max-width:414px){button.MuiButtonBase-root.MuiButton-root.MuiButton-text.contact-form-button{margin-top:15%}}.MuiPaper-root.MuiCard-root.project-card.MuiPaper-elevation1.MuiPaper-rounded{border-radius:15px}.contact-form-button:hover{opacity:.9}.signin-form-container{align-items:center;border-radius:15px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);display:flex;flex-direction:row;height:auto;justify-content:center;margin:0 auto;max-width:1000px;-webkit-transform:translateY(50%);transform:translateY(50%);-ms-transform:translateY(50%)}@media screen and (max-width:800px){.signin-form-container{width:96%}}@media screen and (max-width:500px){.signin-form-container{align-items:normal;box-shadow:none;flex-direction:column;-webkit-transform:none;transform:none;-ms-transform:none;width:100%}}.signin-image-container{height:400px;text-align:center}@media screen and (max-width:500px){.signin-image-container{background-color:#fff;border-radius:0 0 15px 15px;height:auto}}.signin-image{border-radius:15px;height:400px}@media screen and (max-width:500px){.signin-image{height:300px}}@media screen and (max-width:399px){.signin-image{height:250px}}.sign-in-header{text-align:center}.signin-form{border-radius:15px;margin:0 auto;max-width:30%}@media screen and (max-width:500px){.signin-form{max-width:90%;text-align:center}}.signin-input{margin:1%}button.MuiButtonBase-root.MuiButton-root.MuiButton-text.signin-form-btn.MuiButton-fullWidth{background-color:teal;border-radius:15px;color:#fff;font-family:Love Ya Like A Sister,cursive;height:40px;margin-top:5%}@media screen and (max-width:500px){button.MuiButtonBase-root.MuiButton-root.MuiButton-text.signin-form-btn.MuiButton-fullWidth{margin-top:10%;width:90%}}@media screen and (max-width:414px){button.MuiButtonBase-root.MuiButton-root.MuiButton-text.signin-form-btn.MuiButton-fullWidth{margin-top:15%}}button.MuiButtonBase-root.MuiButton-root.MuiButton-text.signin-form-btn.MuiButton-fullWidth:hover{opacity:.9}.footer-container{background-color:#fff;bottom:0;display:flex;justify-content:center;padding:.5%;position:fixed;width:100%}@media screen and (max-width:499px){.footer-container{display:none}}#github-icon{border:none;color:#e63629}#linkedin-icon{border:none;color:#ebb604}#github-icon:hover,#linkedin-icon:hover,#resume-icon:hover,#twitter-icon:hover{opacity:.9}#twitter-icon{border:none;color:teal}#resume-icon{border:none;color:#b3a190}body{-webkit-touch-callout:none;background:transparent;background-color:#f0f0f0;cursor:default;font-family:Love Ya Like A Sister,cursive;margin:0;overflow-x:hidden;-webkit-user-select:none;user-select:none}body,html{height:100%;scroll-behavior:smooth}.container{height:100vh}
/*# sourceMappingURL=main.2a52325b.css.map*/