new style now ist more little

app/globals.css

@@ -1,5 +1,6 @@
 * {
   color: #333333;
+  font-size: 1.4rem;
 }
 
 *,
@@ -12,7 +13,7 @@
 
 html {
   box-sizing: border-box;
-  font-size: 62.5%;
+  font-size: 62%;
   overflow-y: auto;
   scrollbar-width: none;
 }
@@ -116,7 +117,7 @@ select {
   border: 1px solid #cfcfcf;
   background-color: #fff;
   border-radius: 4px;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   color: black;
   height: 3.5rem;
 }
@@ -134,7 +135,7 @@ select:-webkit-scrollbar {
 }
 
 option {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 input[type="checkbox"] {
@@ -215,17 +216,25 @@ input[type="checkbox"] {
 }
 
 label {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   font-weight: bold;
   display: block;
 }
 
 button {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   padding: 1rem 1.75rem;
   border-radius: 4px;
   cursor: pointer;
   height: 3.5rem;
+  max-width: 240px;
+  font-weight: bold;
+  border: none;
+  transition: background-color 0.2s ease;
+}
+
+.button {
+  color: #ffffff;
 }
 
 button:disabled {
@@ -243,14 +252,6 @@ button:disabled {
   width: 100%;
 }
 
-.button {
-  font-weight: bold;
-  border: none;
-  color: #ffffff;
-  transition: background-color 0.2s ease;
-  max-width: 240px;
-}
-
 .buttonSearch {
   background-color: #2563eb;
 }
@@ -285,7 +286,7 @@ button:disabled {
 
 ul {
   list-style: none;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 .containerInput {
@@ -297,7 +298,7 @@ ul {
 .containerButton {
   display: flex;
   gap: 10px;
-  justify-content: start;
+  justify-content: end;
   align-items: center;
   width: 100%;
 }
@@ -430,7 +431,7 @@ form {
 }
 
 p {
-  font-size: 1.5rem;
+  font-size: 1.4rem;
 }
 
 table {
@@ -439,7 +440,7 @@ table {
   border-spacing: 0 1rem;
   table-layout: auto;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 1.5rem;
+  font-size: 1.4rem;
   color: #333;
 }
 
@@ -537,12 +538,6 @@ table td:last-child {
   align-items: center;
 }
 
-.impressions-title {
-  font-size: 1.75rem;
-  font-weight: bold;
-  text-align: start;
-}
-
 .loginContainer {
   position: relative;
   display: flex;
@@ -567,7 +562,7 @@ table td:last-child {
 .checkbox-grid label {
   display: inline-flex;
   align-items: center;
-  font-size: 13px;
+  font-size: 1.4rem;
   cursor: pointer;
 }
 
@@ -590,6 +585,7 @@ table td:last-child {
   .container {
     width: 100%;
     max-width: none;
+    padding: 1rem;
   }
 
   .containerSection {
@@ -626,13 +622,9 @@ table td:last-child {
     font-size: 1.2rem;
   }
 
-  label {
-    font-size: 1.5rem;
-  }
-
   input,
   select {
-    font-size: 1.5rem;
+    font-size: 1.4rem;
   }
 
   button {
@@ -649,6 +641,57 @@ table td:last-child {
 
 }
 
+@media(max-height:800px) {
+  * {
+    font-size: 1rem;
+  }
+
+  .title {
+    font-size: 2rem;
+  }
+
+  label {
+    font-size: 1.2rem;
+  }
+
+  button {
+    font-size: 1.2rem;
+    padding: 0.5rem 1.5rem;
+    height: 3rem;
+  }
+
+  .informationValue {
+    font-size: 1rem;
+  }
+
+  .informationItem {
+    height: 25px;
+  }
+
+  input,
+  select {
+    padding: 0.5rem;
+    font-size: 1.3rem;
+    height: 3rem;
+  }
+
+  .containerForm {
+    gap: 0.5rem;
+  }
+
+  .toggleGroup {
+    min-height: 35px;
+  }
+
+
+.toggleButton {
+  font-weight: 400;
+  padding: 1rem 0.5rem;
+  min-width: 100px;
+  min-height: 35px;
+}
+}
+
 @media (max-height: 960px) {
   .container {
     margin: 0;
@@ -665,7 +708,7 @@ table td:last-child {
   .title {
     max-width: 250px;
     overflow-wrap: break-word;
-    font-size: 2.2rem;
+    font-size: 2rem;
     min-height: 50px;
     align-items: center;
   }