*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;height:100vh;font-family:Poppins,sans-serif}header{padding:2rem;background:rgb(0,138,252);color:#fff}nav ul{display:flex;background:#999}nav ul li{list-style-type:none;width:150px;padding:1rem;text-align:center;border-right:1px solid #666}nav ul li:hover{background:blue;color:#fff;cursor:pointer}.flex-main{display:flex}.flex-main main{width:min(800px,100%);padding:1rem}.flex-main main section{border-bottom:1px solid #333;display:flex;flex-direction:column;padding-bottom:1rem;margin-bottom:2rem}.flex-main main section .imagem-teste{width:100%;height:500px;background:greenyellow;margin-bottom:1rem}.flex-main main section button{padding:.5rem;width:150px;background:blue;color:#fff;border:none;transition:.2s box-shadow ease}.flex-main main section button:hover{box-shadow:0 0 5px #666;cursor:pointer}.flex-main .card section{padding:1rem;width:300px;height:300px;margin:1rem;background:rgb(192,192,192);border-radius:10px;display:flex;flex-direction:column}.flex-main .card section .imagem-teste{width:100%;height:500px;background:yellow;margin:1rem 0}.flex-main .card section button{padding:.5rem;width:150px;background:blue;color:#fff;border:none;transition:.2s box-shadow ease}.flex-main .card section button:hover{box-shadow:0 0 5px #666;cursor:pointer}footer{padding:3rem 0;text-align:center;background:#333;color:#fff}