merge carlos

app/globals.css

@@ -4,6 +4,17 @@
   color: #333333;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+html {
+  box-sizing: border-box;
+  font-size: 62.5%;
+}
+
 body {
   position: relative;
   font-family: var(--font-poppins), sans-serif;
@@ -128,14 +139,27 @@ select {
   flex: 1;
   min-width: 200px;
   max-width: 500px;
-  padding: 0.5rem;
+  padding: 1rem;
   border: 1px solid #cfcfcf;
   background-color: #fff;
   border-radius: 4px;
-  font-size: 1rem;
+  font-size: 1.5rem;
   color: black;
 }
 
+label {
+  font-size: 1.5rem;
+  font-weight: bold;
+  display: block;
+}
+
+button {
+  font-size: 1.5rem;
+  padding: 1rem 1.75rem;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
 .groupInput {
   display: flex;
   flex-wrap: wrap;
@@ -145,13 +169,9 @@ select {
 }
 
 .button {
-  padding: 0.5rem 1.25rem;
-  font-size: 1rem;
   font-weight: bold;
   border: none;
   color: #ffffff;
-  border-radius: 4px;
-  cursor: pointer;
   transition: background-color 0.2s ease;
   max-width: 240px;
 }
@@ -182,6 +202,7 @@ select {
 
 ul {
   list-style: none;
+  font-size: 1.5rem;
 }
 
 .containerInput {
@@ -198,12 +219,6 @@ ul {
   width: 100%;
 }
 
-.label {
-  font-size: 1rem;
-  font-weight: bold;
-  display: block;
-}
-
 a {
   text-decoration: none;
 }
@@ -227,7 +242,7 @@ a {
   top: 0;
   left: 0;
   width: 100%;
-  font-size: 1.75rem;
+  font-size: 2.5rem;
   font-weight: bold;
   text-align: start;
   border-bottom: 1px solid #cfcfcf;
@@ -289,6 +304,10 @@ form {
   border-bottom: 1px solid rgb(1, 92, 184);
 }
 
+p{
+  font-size: 1.5rem;
+}
+
 @media (max-width: 800px) {
   header {
     padding: 6px 16px;