section{margin-top:3rem}li{background:lightgray;margin:1rem;padding:1rem;box-shadow:0 0 5px #4e4e4e;border-radius:10px;display:flex;flex-direction:column}li:hover{box-shadow:0 0 5px #000}li h3{font-size:28px}li>strong{font-size:30px}li p{margin-top:.5rem;font-size:20px}li .button{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}li .button a{text-decoration:none}li button{width:100px;padding:.5rem 0;cursor:pointer;border-radius:10px;border:1px solid black}@media screen and (min-width: 810px){ul{display:grid;grid-template-columns:1fr 1fr}li{justify-content:space-between}}main{width:min(800px,100%);background:whitesmoke;margin:50px auto}main h1{width:100%;background:black;color:#fff;text-align:center;padding:.7rem 0}main .profile{margin:2rem 1rem 1rem;display:flex;align-items:center;flex-direction:column;justify-content:center}main h2{font-size:48px;text-align:center}main img{width:min(460px,100%);margin:2rem 0}main .sub-profile{background:#d4d4d4;padding:1rem}main .sub-profile p{font-size:22px}header{width:100%;background:#c5c5c5;padding:1rem;display:flex;flex-direction:column;align-items:center}header h2{text-transform:uppercase;font-size:22px}header div{margin-top:1rem}header div input{padding:.5rem;width:200px}header div button{padding:.5rem 1rem;margin-left:.3rem;background:black;border:2px solid black;color:#fff;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;font-family:Poppins,sans-serif}