:root{
  --h1: 80dvh;
  --h2: 50px;
}
.s1{ flex:0 0 var(--h1); }
.s2{ flex:1 1 var(--h2); }

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#main-content {
    padding: 0 clamp(6px, 2dvw, 140px);
    display:flex;
    flex-direction:column;
}

p {
    color: var(--c3);
    margin: 5px 0;
}
h2 {
    margin: 12px 0 5px 0;
    font-size: 20px;
    color: var(--c4);
}
li {
    color: var(--c3);
}

footer {
    margin-bottom: 1dvh;
}