atualizando css e html

index.html

@@ -31,7 +31,6 @@ <h1>DICAS DE INTERCÂMBIO</h1>
     </div>
 
     <div class="container">
-
     <main>
       <div class="beneficios">
       <h2>Os benefícios em fazer um intercâmbio</h2>
@@ -54,6 +53,7 @@ <h2>Os benefícios em fazer um intercâmbio</h2>
       <br>
     </div>
     </main>
+      </div>
 
        <div class="depoimentos">
         <div class="carousel-controls left" onclick="changeDepoimento(-1)">&#10094;</div>
@@ -130,14 +130,17 @@ <h2>Depoimentos</h2>
         // Exibe o primeiro depoimento ao carregar a página
         showDepoimento(currentIndex);
       </script>
-
-    <section class="objetivos">
-      <h2 class"objetivo-titulo">Meus objetivos de viagem</h2>
-      <button class="botoes">Países que quero conhecer</button>
-      <button class="botoes">Viagens para esse ano</button>
-      <button class="botoes">Viagens futuras</button>
-      <button class="botoes">Datas de embarque</button>
-    </section>
+
+      <section class="objetivos-principais">
+       <h2 class="objetivos-principais">Meus Objetivos do ano<span>_</span></h2>
+        <div class="topicos">
+        <button class="topico">Países que quero conhecer</button>
+        <button class="topico">Viagens para esse ano</button>
+        <button class="topico">Viagens futuras</button>
+        <button class="topico">Datas de embarque</button>
+        </div>
+      </section>
+
 
   <div class="jogo">
     <h2>English Travel Game</h2>
@@ -159,4 +162,4 @@ <h2><strong>Dicas de Intercâmbio<br>
         </footer>
 
        </body>
-      </html>
+      </html>