:root{--primeira: #272727;--segunda: #90c58e;--terceira: #919191;--quarta: #240a1e;--bg-primario: #fcf9e7;--bg-secundario: #f0c171}*{margin:0;padding:0;box-sizing:border-box}.appWrapper{max-width:800px;margin:0 auto}body{background:var(--bg-primario);max-width:800px}h1,h2,h3{color:var(--quarta);margin-bottom:.5rem}.container{padding:20px;text-align:center}.navbar{padding:10px;line-height:2.5rem;border-radius:0 0 15px 15px;background-color:var(--bg-secundario);box-shadow:0 -2px 10px #0000004d}.nav-links{list-style:none;display:flex;justify-content:space-around}.nav-links li{width:120px;text-align:center;cursor:pointer}.nav-links li:hover{border-radius:20px;background-color:var(--segunda)}.nav-links li a{text-decoration:none;font-size:18px;color:var(--primeira)}.big-button{padding:20px;font-size:18px;margin:10px;width:80%;height:30vh;border-radius:25px;background:var(--terceira);color:#fff;cursor:pointer}.big-button:hover{background:var(--segunda)}.content{display:flex;flex-direction:column;align-items:center;margin-bottom:70px;text-align:center}.content p{line-height:1.5rem}hr{width:150px;margin:50px auto}.detalhe{padding:20px}.detalhe h2{text-align:center}.detalhe img{width:80%;max-width:250px;height:auto;display:block;margin:20px auto;border-radius:20px;background-color:red}.detalhe hr{margin:20px auto}.card{padding:1rem;margin-top:10px;border-radius:10px;box-shadow:0 -2px 10px #0006}.detalhe ul li{list-style:none;margin-bottom:1rem;transition:background-color .3s ease;border-radius:10px;padding:10px;margin:10px 0}.detalhe ul li:nth-child(odd){background-color:#c6dfc5}.detalhe ul li:nth-child(2n){background-color:var(--bg-primario)}.navegacao{display:flex;position:fixed;bottom:0;left:0;justify-content:space-evenly;align-items:center;width:100%;height:2.5rem;line-height:1.2rem;background-color:#fff;box-shadow:0 -2px 10px #0000001a}.navegacao button{width:40%;height:2rem;margin:0 10px;font-size:1.1rem;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s;color:var(--primeira);background-color:var(--segunda)}.navegacao button:hover{background-color:var(--bg-secundario);color:var(--primeira)}@media (min-width: 600px){.big-button{width:200px}}