80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
@import "../node_modules/deck3000/dist/deck3000.css";
|
|
|
|
:root {
|
|
--accent-main: #FE6431;
|
|
--bg-dark-trans: hsla(0, 0%, 19%, 0.5);
|
|
--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: url(images/freeside.svg) no-repeat center 4em / 9em;
|
|
}
|
|
|
|
article:not(.title) {
|
|
align-items: center;
|
|
padding: 0.75em 3em;
|
|
|
|
background: content-box url("./images/freeside.svg") bottom right / 15% no-repeat;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: var(--accent-main);
|
|
text-align: center;
|
|
margin: 0.5em 0;
|
|
}
|
|
h1 {
|
|
margin: 0; padding: 0.5em 0;
|
|
background: var(--bg-dark);
|
|
font-size: 150%;
|
|
}
|
|
h2 { font-size: 125%; margin: 0.1em 0; }
|
|
|
|
p:first-of-type { margin: 0; }
|
|
small { font-size: 50%; }
|
|
|
|
img {
|
|
box-sizing: border-box;
|
|
padding: 0.25em;
|
|
max-width: fit-content;
|
|
max-height: fit-content;
|
|
}
|
|
|
|
table { border-collapse: collapse; }
|
|
td, th {
|
|
border: 0.075em solid var(--bg-dark-trans);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.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; }
|
|
.flex-align-centre { align-items: center; }
|
|
|
|
.image-container {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|