#about{display:flex;gap:2rem;padding:2rem;flex-wrap:wrap}#about h2{margin-bottom:1rem}.about-child{flex:1;min-width:20rem}.about-img{min-height:10rem;width:100%;background-image:url(/hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.nav{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links li a{color:#000;text-decoration:none}.nav-links li a:hover{color:teal}#projects h2{text-align:center;margin-bottom:2rem}.project-cards{list-style:none;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.project-card{width:15rem;box-shadow:5px 5px 5px #0000000d;border-radius:1rem;overflow:hidden}.project-img{width:100%;height:200px;object-fit:cover}.project-content{padding:1rem 1.5rem}.project-content h3{margin-bottom:.5rem}.delete-button{background:brown!important}.controls{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}#project-form{padding:1rem;margin:1rem}input{width:100%;margin-top:.5rem;margin-bottom:1rem;border-color:#00000040;border-radius:1rem;padding:.5rem}.form-button{margin:0 auto}#contact{display:flex;align-items:center;justify-content:space-between;margin:2rem auto;flex-wrap:wrap;width:min(700px,calc(70% + 100px))}#contact>*{padding:0 2rem}#contact ul{list-style:none}#contact ul a{color:teal}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:sans-serif;margin:0 auto;width:min(1000px,calc(70% + 100px))}a.button{text-decoration:none;display:inline-block}.button{background:teal;color:#fff;padding:.5rem 1rem;border-radius:.5rem}button{border:none;cursor:pointer;display:block;font-size:1rem}p{color:#000000bf;margin-bottom:1rem}