*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}header{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:1em;padding:1em;background-color:#202a32}.social-icons{display:flex;flex-wrap:wrap;gap:.5em}.social-icons>a{color:#fff}nav{display:flex;justify-content:space-around;gap:2em}nav>a{text-decoration:none;color:#fff}.header-fixed{width:100%;max-width:1600px;margin:0 auto;position:fixed;z-index:1000;top:0;animation-name:fixed-appear;animation-duration:.4s;animation-timing-function:ease-out}@keyframes fixed-appear{0%{opacity:0}to{opacity:1}}.bio-section{display:flex;flex-direction:column;align-items:center;padding:5em 1em;gap:1em;background-image:url(/React_Portfolio/assets/background3-BKw49f5R.jpg);background-position:center;background-size:cover;color:#fff;text-shadow:2px 2px 2px black}.bio-section>img{width:150px;border-radius:50%;order:-2}.bio-section>p{order:-1}.bio-section>h1{text-transform:uppercase;font-size:2rem;text-align:center}.stack-section{width:90%;margin:1em auto;padding-block:1em;max-width:1000px}h2{text-align:center}.stacks{margin-block:1em;display:flex;gap:1em;flex-wrap:wrap;justify-content:center}.stacks>img{border:solid 1px #001219}.projects{width:90%;margin:1em auto;padding-block:1em;display:grid;grid-template-columns:1fr;gap:3em;justify-items:center;max-width:1000px}.card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1em;border-radius:5px;border:solid 1px #001219;padding:1em;background-color:#202a32;color:#fff}h3{text-transform:uppercase}.card>img{width:100%;aspect-ratio:1.3 / 1;object-fit:cover;border-radius:5px}.project-link{background-color:#cd5334;padding:.5em;border-radius:10px}.project-link>a{color:#fff;text-decoration:none;font-weight:600}.project-link>a>img{margin-bottom:-.3em}form{width:90%;margin:1em auto;padding:1em;display:flex;flex-direction:column;gap:1em;background-color:#485f70;color:#fff;border-radius:5px;max-width:1000px}form>div{display:flex;flex-direction:column}label{margin-bottom:.5em}input,select,textarea{width:100%;margin-bottom:.5em;padding:.5em;border-radius:5px}.error-message{color:#001219;font-weight:600;text-align:center;margin:0 auto;border:red 2px solid}form>button{background-color:#cd5334;color:#fff;font-size:1.1rem;font-weight:600;padding:.5em;border:none;border-radius:5px}footer{width:100%;border-top:#001219 solid 1px;padding:1em;text-align:center;font-size:.8rem;background-color:#202a32;color:#fff}@media (min-width:650px){header{flex-direction:row}.projects{grid-template-columns:1fr 1fr}form>div{flex-direction:row;justify-content:space-between;flex-wrap:wrap}input,select,textarea{width:80%}form>button{width:40%;margin:0 auto}}