@import url(https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@200;400&display=swap);:root{--hot-pink:#ff4aa5;--coral:#ffb59a;--lighter-pink:#ffcde6}*{margin:0;padding:0;box-sizing:border-box;text-align:center;font-family:"Azeret Mono",sans-serif;color:#ff4aa5;color:var(--hot-pink);font-size:14px}html{scroll-behavior:smooth;scroll-padding-top:69px}img{width:100%;height:auto}h1{font-size:24px}.scrolled{margin-top:69px}@media only screen and (max-width:600px){.scrolled{margin-top:41px}}.sectionTitle{background-color:var(--hot-pink);padding:15px}.sectionTitle h1{color:#fff;font-weight:200}nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:var(--hot-pink);width:100%;z-index:1;font-weight:200}.nameLink{color:#fff;text-decoration:none;font-size:26px;margin-left:25px}.nameLink:hover{color:var(--coral);cursor:default}ul{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}li{list-style-type:none;margin:20px 30px}li a{color:#fff;text-decoration:none;font-size:20px;margin-right:5px;padding:5px}li a:hover{border-bottom:3px solid var(--coral)}.github{margin-left:-30px}.github:hover{border:0}.githubIcon{fill:#fff;width:24px}.githubIcon:hover{fill:var(--coral)}.navScrolled{position:fixed;top:0;opacity:.8}@media only screen and (max-width:900px){nav{-webkit-justify-content:space-around;justify-content:space-around}.nameLink{display:none}li{margin:10px}.github{margin-left:0}}@media only screen and (max-width:600px){nav{-webkit-justify-content:center;justify-content:center}li{margin:5px}li a{font-size:18px}}#about .container{padding:20px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:3fr 2fr;grid-gap:30px;-webkit-align-items:top;align-items:top;justify-items:center}#about img{width:350px;margin:30px;border-radius:15px;position:center}.bio{grid-column:1/2;width:100%;padding:40px;line-height:1.75}.bio h1{margin-bottom:10px;color:var(--coral);font-size:36px}.bio p{text-align:left;padding-left:10px;border-left:3px solid var(--coral)}.bio p span{color:var(--coral)}@media only screen and (max-width:1000px){#about .container{grid-template-columns:5fr 4fr;grid-gap:30px;padding:30px}#about img,.bio{margin:0 auto}.bio h1{font-size:30px}}@media only screen and (max-width:800px){#about .container{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding:15px}#about img,.bio{width:100%}.bio{padding:20px;line-height:1.5}.bio h1{font-size:24px}}#skills{background-color:#fff;padding:30px}#skills h1{margin-bottom:25px}#skills .container{-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin:0 auto}#skills .container,.iconDivs{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.iconDivs{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-basis:20%;flex-basis:20%;margin:20px 0;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;transition:transform .15s ease-out,-webkit-transform .15s ease-out}.iconDivs:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.iconBg{background-color:var(--lighter-pink);width:100px;height:100px;margin:0 auto;border-radius:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border:2px solid var(--hot-pink)}.icons{width:60%;margin:0 auto;fill:var(--hot-pink)}@media only screen and (max-width:800px){.iconDivs{-webkit-flex-basis:30%;flex-basis:30%}}@media only screen and (max-width:450px){.iconDivs{-webkit-flex-basis:50%;flex-basis:50%}}.projectContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:35px auto;grid-gap:20px;gap:20px;padding:30px;max-width:1000px}.projectDiv{width:300px;background-color:#fff;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear;border:3px dotted var(--lighter-pink);border-radius:15px}.projectDiv img{width:100%;border-radius:15px 15px 0 0}.projectDiv a{text-decoration:none}.projectDiv:hover{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px);-webkit-filter:drop-shadow(-15px 15px 15px var(--lighter-pink));filter:drop-shadow(-15px 15px 15px var(--lighter-pink))}.projectTitle{padding:10px 0}@media only screen and (max-width:875px){.projectDiv{width:30%}}@media only screen and (max-width:600px){.projectContainer{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:20px auto}.projectDiv{width:50%;margin:15px auto}}@media only screen and (max-width:450px){.projectDiv{width:70%}}#contact{background-color:#fff;padding:30px}#contact .container{max-width:1200px;margin:0 auto}.contactInfo{margin:20px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.contactInfo span{font-size:18px;line-height:1.75}.contactInfo span.phone{padding-top:1px;display:inline-block}.contactInfo span a{color:inherit;text-decoration:none}.icon{width:20px;margin:0 5px;fill:var(--coral)}.foot{background-color:var(--hot-pink);color:#fff;font-size:16px;padding:15px}
/*# sourceMappingURL=main.7526b9f7.chunk.css.map */