* { color: var(--dark); font-family: 'Asap', sans-serif; text-decoration: none; line-height: 1.25em; } a, a * { color: var(--secondary); font-weight: bold; margin: 0; } a:hover, a:hover * { text-decoration: none; color: var(--secondary-light); } body { background-color: var(--light); } h1 { text-transform: uppercase; color: var(--primary); font-weight: bold; font-size: 1.5em; } h2 { text-transform: uppercase; color: var(--secondary); font-weight: bold; font-size: 1.5em; } h1, h2, h3 { font-family: 'Kanit', sans-serif; } ul { margin-bottom: 0; } .container, header { margin-left: 12em; padding-left: 3em; padding-right: 3em; width: auto; max-width: none; } header { display: block; height: 3em; padding-top: 0.5em; background-color: white; box-shadow: 0 0 0.5em black; } .container { padding-top: 2em; }