@import "../node_modules/deck3000/dist/deck3000.css"; :root { --accent-main: #FE6431; --bg-dark: #323232; --bg-light: white; } html, body { font-size: 175%; } body { font-family: sans-serif; } article { width: 100vw !important; height: 100vh !important; display: flex; flex-direction: column; box-sizing: border-box; } article.title { background: var(--bg-dark); color: var(--bg-light); } article:not(.title) { padding: 1em 3em; background: content-box url("./images/freeside.svg") bottom right / 15% no-repeat; } h1, h2, h3 { color: var(--accent-main); text-align: center; margin: 0.5em 0; } h1 { font-size: 150%; } h2 { font-size: 125%; margin-top: 0.1em; } p:first-of-type { margin: 0; } small { font-size: 50%; } img { padding: 0.5em; } .bg-light { background: var(--bg-light); } .centre-content { text-align: center; } .flex { display: flex; } .flex.horizontal { flex-direction: row; } .flex.vertical { flex-direction: column; } .flex-1 { flex: 1; } .flex-2 { flex: 2; } .flex-3 { flex: 3; } .flex-4 { flex: 4; } .flex-5 { flex: 5; } .flex-6 { flex: 6; }