70 lines
1.3 KiB
CSS
70 lines
1.3 KiB
CSS
:root {
|
|
--theme-primary: #01bbff;
|
|
--theme-secondary: #00759f;
|
|
--theme-tertiary: #01ffc4;
|
|
--bg-primary: #00131a;
|
|
--bg-secondary: #003447;
|
|
--bg-page: #000b0f;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'OpenSans';
|
|
src: url('fonts/open-sans/OpenSans-VariableFont_wdth,wght.woff2');
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'OpenSans';
|
|
src: url('fonts/open-sans/OpenSans-Italic-VariableFont_wdth,wght.woff2');
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'PlaywriteNL';
|
|
src: url('fonts/playwrite-nl/PlaywriteNL-VariableFont_wght.woff2');
|
|
font-style: italic;
|
|
}
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: 'OpenSans', sans-serif;
|
|
background-color: var(--bg-primary);
|
|
color: var(--theme-primary);
|
|
}
|
|
|
|
a {
|
|
color: var(--theme-primary);
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: var(--theme-tertiary);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.app-module-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 20px;
|
|
padding: 1rem;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.app-module-container {
|
|
padding: 0.5rem;
|
|
}
|
|
}
|
|
|
|
/* A generic table styling for most default tables. */
|
|
.app-table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.app-table td,
|
|
.app-table th {
|
|
border: 2px solid var(--theme-secondary);
|
|
padding: 0.1rem 0.25rem;
|
|
}
|