khmer.css

html {
    font-size: medium;
}
body {
    background: grey;
    margin: 0;
    display: flex;
    flex-direction: column;
}

header {
    height: 15vh;
    background: plum;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

header section {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 50vw;
}

main {
    height: 75vh;
    background: thistle;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

footer {
    height: 10vh;
    background: lavender;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

header img {
    height: 100px
}

main img {
    height: 300px
}

h1 {
    font-size: 3rem;
}

p {
    font-size: 2rem;
}

a, select, small, strong {
    font-size: 1.5rem;
}

p a {
    font-size: 2rem;
}

header nav a {
    margin: 5px;
}

main nav:not(:last-of-type) a {
    display: flex;
    margin: 5px;
    justify-content: center;
}

main nav:last-of-type a {
    margin: 10px;
}