nav{flex-basis:100%;align-items:flex-end;margin-bottom:10px}nav,nav ul{display:flex;width:100%}nav ul{list-style:none;justify-content:space-around;align-items:center}nav ul li{flex:1 1 auto;border:1px solid var(--highlight);border-radius:8px;width:100%;font-family:var(--font-headings);font-size:calc(14px + .5vw);font-weight:700;padding:1vw;margin:0 1vw;text-align:center}nav ul li a{color:#bfd1e5;text-decoration:none;display:inline-block;width:100%}nav ul li.selected{background-color:#bfd1e5}nav ul li.selected a{color:#445876}@media screen and (min-width:768px){nav{flex:2 1 100%;justify-content:flex-end}nav ul{flex-basis:70%;margin-bottom:5px}nav ul li{border:none;flex:1 1 100%;font-size:22px;margin:0;padding:0}}@media screen and (min-width:1000px){nav{flex:2 1 50%;align-content:flex-end;width:100%}nav ul{flex-basis:100%;margin:0}}header{align-items:center;background-color:var(--bgcolor-dark);color:var(--text-color-light);display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5rem;width:100%}header h1{flex-basis:100%;padding:1.5rem;text-align:center;font-family:var(--font-headings);font-size:40px}@media screen and (min-width:768px){header h1{flex:1 1 40%;text-align:left;padding-left:40px}}@media screen and (min-width:1000px){header{align-items:flex-end}header h1{flex:1 1 40%;text-align:center;align-self:flex-start;padding-left:10px}}.message{font-weight:700;padding:.2rem 1rem 0;text-align:center}.error-text{color:red}.success-text{color:green}#contact-form{display:inline-block;margin:0 auto;padding:1rem;text-align:left;width:80%}#contact-form button,#contact-form input,#contact-form textarea{background-color:#fff;border:1px solid var(--bgcolor-dark);border-radius:4px;padding:.4rem;width:100%}#contact-form button{background-color:#4169e1;color:#fff;font-size:120%}@media screen and (min-width:1000px){#contact-info ul li{border-bottom:1px solid var(--text-color-dark);flex-basis:auto}}.skills-list{flex-basis:100%;margin:1rem}.skills-list ul{margin:1rem 2rem}.resume-wrap{border:1px solid var(--bgcolor-dark);border-radius:8px;display:block;height:auto;margin:.5rem;overflow-x:hidden;overflow-y:hidden;padding:.5rem;width:90%}.resume-wrap img{width:100%}@media screen and (min-width:768px){#skills.section-content{flex-basis:100%}.skills-list{flex-basis:40%}.resume-wrap{height:500px}}footer{display:block;min-height:40px;background-color:var(--bgcolor-dark);padding:10px 20px}footer p{color:var(--bgcolor-light);font-family:var(--font-headings);font-style:italic;padding:.5rem;text-align:center}footer a i{color:#bfd1e5;padding:.5rem;text-decoration:none;vertical-align:middle}footer a:hover i{font-size:2.5rem;padding:.25rem}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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.9b20a8b2.chunk.css.map */