ul { margin: 0; padding: 0 0 0 30px; opacity: 0.4; } footer { display: flex; flex-direction: column; gap: 20px; margin: 15svh 20px 20px; } form { display: flex; gap: clamp(20px, 2vw, 40px); } input { appearance: none; display: flex; font-family: Funnel Display, Arial, sans-serif; background-color: transparent; border-radius: 2svh; border: none; box-shadow: 0 0 0 0.2px white; width: 25vw; padding: 0 0 0.8svh 20px; height: fit-content; z-index: 2; text-overflow: ellipsis; } ::placeholder { font-size: clamp(0.6rem, 2vw, 1rem); color: white; } .footer-text { text-decoration: underline 1px; text-underline-offset: 2px; font-size: clamp(0.6rem, 2vw, 1rem); } .footer-links { display: flex; gap: clamp(20px, 2vw, 40px); align-items: center; justify-content: space-between; } .titles { font-size: clamp(2rem, 3.8vw, 8rem); line-height: 80%; font-weight: 800; } .subtitles { font-weight: 800; font-size: clamp(1.2rem, 1.6vw, 4.2rem); } .buttons { border: none; background-color: white; height: clamp(1rem, 1.4vw, 4rem); border-radius: 100svh; display: flex; justify-content: space-between; z-index: 2; padding: 16px 20px; color: black; font-weight: 800; } .buttons:hover { background-color: black; box-shadow: 0 0 0 1px white; transition: 300ms; color: white; } .packs-wrapper { display: flex; gap: 20px; margin: 0 40px; align-items: flex-start; justify-content: center; } .packs { display: flex; flex-direction: column; width: 25vw; justify-content: center; gap: 48px; border-radius: 4svh; padding: 32px; box-shadow: 0 0 0 0.2px white; } .packs-info { display: flex; flex-direction: column; gap: 20px; } .texts { width: 25vw; } .info { display: flex; flex-wrap: wrap; gap: 20px; width: 25vw; } .info-wrapper { margin: 35svh 40px 30svh; display: flex; gap: 20px; justify-content: center; } @media (max-width: 824px) { footer { gap: 10px; } input { padding-left: 10px; } .packs-wrapper { margin: 0 20px; flex-direction: column; align-items: center; } .info, .texts, .packs { width: 75vw; } .info-wrapper { flex-direction: column; align-items: center; margin: 20svh 20px 15svh; } .footer-links { flex-direction: column; align-items: start; gap: 10px; } }