code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Oswald,sans-serif;margin-bottom:0;min-height:100%}body,header{background-color:#f0edee}header{align-items:center;box-shadow:0 0 5px grey;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:5px 15%;position:-webkit-sticky;position:sticky;top:0;z-index:9999}a{text-decoration:none}#logo{flex:1 1 30%}#logo img{margin:0;max-width:100%}header button{border:none;text-decoration:none}header nav{display:flex;flex:1 1 49%;flex-wrap:wrap;justify-content:space-between;margin:0;width:100%}header nav ul{margin:2% 0;padding:0;text-align:right;width:100%}nav ul li{display:inline;flex:0 0 30%;padding:5% 8%}nav ul li:hover{color:#00adee}nav ul button{border:none;color:#000;font-size:1.4vw;font-weight:700;margin:0 6%;text-decoration:none}nav button:hover{color:#00adee}section{justify-content:center;margin:0 auto}.section-heading{border-bottom:5px solid #00adee;margin:0 13%;padding:2%;text-align:left}.section-heading h2{font-size:48px}.section-content{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 13% 2%;padding:2%}.section-content h3{font-size:24px;line-height:1.8}.section-content p{font-size:16px;line-height:1.4}.social-icons{flex:1 1 25%;flex-wrap:wrap;margin:auto;padding:0 5%}.social-icons,.social-icons ul{align-items:center;justify-items:center}.social-icons ul{display:flex;flex:0 0 25%;flex-wrap:wrap;list-style-type:none;text-decoration:none}.social-icons a{flex:1 0 10%;margin:0 5%}.social-icons ul li{text-decoration:none}.social-icons img{max-width:25%}#contact-email{color:#00adee;font-size:24px}#hero{margin:0 auto;position:relative;width:100%}#hero img{height:auto;max-width:100%}.hero-name{font-size:4vw}#hero-text{color:#fff;font-size:1.5vw;font-weight:bolder;left:60%;margin:auto;overflow:auto;position:absolute;text-align:right;top:25%}#hero-text span{color:#00adee}#profile-image{flex:0 1 28%;margin:auto}#profile-image img{box-shadow:0 1px 3px #000;max-width:100%}#about-me-text{flex:0 0 50%;font-size:20px}#about-me-text p{font-size:22px}#resume-link{color:#008bcc;font-size:20px;text-decoration:none}#about-me-text h3{font-size:28px;margin:15px 0}#about-me-text ul{padding:22px}.hover-overlay:hover{background-color:#00adee}.showcase-item{flex:0 0 90%;padding:5%;position:relative}.showcase-item img{max-width:100%}.portfolio-item{flex:0 0 40%;margin:auto;padding:3%;position:relative}.portfolio-item img{max-width:100%}#showcase-text h4{font-size:28px}#showcase-text p{font-size:16px}.portfolio-item-text{background-color:#f0edee;padding:2%;position:absolute;text-align:center;top:60%;width:33%}.portfolio-item-text h4{color:#00adee;font-size:16px;letter-spacing:1.25px;text-align:center}.portfolio-item-text p{color:#000;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1;text-align:center}#contact-me{display:flex}#contact-text{flex:1 1 100%;margin:1%}#contact-text h3{font-size:26px}#contact-text p{font-size:20px}#contact-form{flex:0 0 45%;margin:auto 0;padding:0}#contact-form div{display:flex;margin:5%;text-align:left}#contact-form label{font-size:20px}#contact-form input{border-radius:6px}#contact-form input,#contact-form textarea{flex:0 0 75%;font-size:16px;margin-left:auto;padding:1%;width:60%}#contact-form textarea{border-radius:10px}#contact-error-text{color:red;font-size:20px;margin:auto}#contact-form button{border-radius:10px;font-size:20px;margin-left:75%;padding:1% 2%;width:20%}#contact-socials{flex:0 0 45%;margin:auto;padding:0;text-align:center}#contact-socials h3{margin:6%}footer{align-items:center;background-color:#f0edee;box-shadow:0 0 5px grey;color:#000;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto auto 0;padding:1%}footer a,footer p{font-size:16px}footer a{color:#000;text-decoration:none}#footer-icons{flex:1 0 20%;margin:auto 0;text-align:center}#copyright{flex:0.5 0 33.33%;text-align:center}footer #contact-info{flex:0.5 0 20%;padding-right:13.33%;text-align:right}@media screen and (max-width:1200px){.section-heading h2{font-size:36px;letter-spacing:normal}#profile-image{flex:0 0 100%;margin:auto;max-width:50%}#about-me-text{flex:0 0 100%}.portfolio-item-text h4{font-size:10px;letter-spacing:normal;line-height:1.6}.portfolio-item-text p{font-size:6px;letter-spacing:normal}#showcase-text h4{font-size:14px;letter-spacing:normal}#showcase-text p{font-size:10px;letter-spacing:normal}#contact-text h3{font-size:20px}#contact-text p{font-size:16px}#contact-form button{width:30%}}@media screen and (max-width:768px){header{margin:0 auto}#logo{flex:0 0 100%;margin:0;padding:0;text-align:center}#logo img{margin:0 auto;padding:0}header nav{flex:1 1 100%;margin:0;padding:0}header nav ul{margin:0;padding:0;text-align:center}header nav ul li{font-size:14px;margin:0 5%;padding:0}header nav a{font-size:14px;margin:0;padding:0}section{flex-wrap:wrap;margin:0 auto}.section-heading{border-bottom:3px solid #00adee;border-right:none;flex:0 0 99%;margin:0;padding:0}.section-heading h2{font-size:28px;font-size:36px;letter-spacing:normal;padding:1% 0;text-align:left;text-align:center}.section-content{flex:0 1 100%}.showcase-item h4{font-size:14px}.showcase-item p{font-size:10px}.portfolio-item{flex:1 1 100%}.portfolio-item h4{font-size:14px}.portfolio-item p{font-size:10px}#contact-form{flex:1 1 100%}#contact-form label{font-size:14px}#contact-form{margin:5% auto;width:100%}#contact-socials{flex:1 1 100%}#copyright,#footer-icons,footer #contact-info{flex:1 1 100%;margin:1% auto;text-align:center}}@media screen and (max-width:575px){#logo{flex:1 1 100%}#logo,#logo img,header nav{margin:0;padding:0}header nav{flex:1 1 100%}header nav ul li a{margin:0;padding:0}header nav button{margin:0 2%}.section-heading h2{font-size:24px}#about-me-text h3{font-size:22px}#about-me-text p{font-size:20px}#about-me-text ul{padding:12px}.contact h3{font-size:16px}.contact p{font-size:12px}#contact-text h3{font-size:22px}#contact-text p{font-size:20px}}@media screen and (max-width:450px){#showcase-text{top:50%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.2fda0a1a.css.map*/