Merge branch 'feature/cards' into development

assets/styles/main.css

@@ -5,12 +5,13 @@
   box-sizing: border-box;
 }
 
+/* ----- VARIÁVEIS PADRÃO ----- */
 body {
   font-family: 'Inter', sans-serif;
   color: #000000;
-
 }
 
+/* ----- HEADER ----- */
 .page-header {
   display: flex;
   justify-content: center;
@@ -22,10 +23,12 @@ body {
   display: block;
 }
 
+/* ----- MAIN-BANNER ----- */
 .main-banner {
   width: 100%;
 }
 
+/* ----- TOP-INFOCARD ----- */
 .top-infocard {
   display: flex;
   align-items: center;
@@ -56,6 +59,7 @@ body {
   font-size: 16px;
 }
 
+/* ----- TOP-CARDS ----- */
 .top-cards {
   display: grid;
   grid-template-columns: repeat(3, max-content);
@@ -86,6 +90,7 @@ body {
   font-size: 16px;
 }
 
+/* ----- RESPONSIVIDADE -----*/
 @media screen and (max-width: 414px) {
   .main-banner-desktop {
     display: none;