na

app/assets/stylesheets/application.css

@@ -82,7 +82,7 @@
   --fs-base: 1.6rem;
   --fs-lg: 1.8rem;
   --fs-xl: 2.8rem;
-  --fs-2xl: 3.4rem;
+  --fs-2xl: 3.1rem;
   --fs-3xl: 5.6rem;
 
   --flip-deg: 0deg;
@@ -92,6 +92,7 @@
   font: 10px/1.3 var(--ff-ikea);
 }
 
+
 body {
   background-color: var(--clr-bumblebee);
   color: var(--clr-black);
@@ -215,12 +216,14 @@ footer {
   & select {
     width: 100%;
     appearance: none;
+    box-sizing: border-box;
     background-color: transparent;
     border: 2px solid var(--clr-black);
     font-size: var(--fs-lg);
     font-weight: 700;
     font-family: var(--ff-ikea);
-    line-height: 1;
+    line-height: 1.2;
+    height: 60px;
     color: var(--clr-black);
     padding: 0.888888888888889em 1.333333333333333em;
     border-radius: 400px;
@@ -235,7 +238,8 @@ footer {
   font-size: var(--fs-lg);
   font-family: var(--ff-ikea);
   font-weight: 700;
-  line-height: 1;
+  line-height: 1.2;
+  height: 60px;
   border-radius: 400px;  
   width: 100%;
   cursor: pointer;
@@ -564,6 +568,11 @@ ul.card__stack {
 }
 
 @media (orientation: portrait) {
+
+  body {
+    min-height: calc(100svh + 35px);
+  }
+
   
   main:has(.cards__container) {
     display: flex;
@@ -656,6 +665,7 @@ ul.card__stack {
     margin: 2rem;
   }
 
+  
   .icon__container img:nth-child(4) {
     display: block;
   }