|
|
|
@ -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; |
|
|
|
} |
