*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f0f6ff;
    color: #031725;
    font-family: 'Space Grotesk', sans-serif;
}
main{
    flex: 1;
}

@media (orientation: landscape){
    html{font-size: clamp(14px, 1vh, 28px);scroll-behavior: smooth; }
}
@media (orientation: portrait){
    html{font-size: clamp(14px, 1vw, 28px);scroll-behavior: smooth; }
}