@charset "UTF-8";
@import "common/widgets.css";
@import "default/header.css";
@import "default/navbar.css";
@import "default/footer.css";
@import "default/startup-animations.css";

@font-face {
	font-family: "JetBrainsMonoNL NFM";
	src: url("/assets/fonts/JetBrainsMonoNLNerdFontMono-Regular.ttf");
}

@font-face {
	font-family: "Fixedsys Excelsior 3.01";
	src: url("/assets/fonts/FSEX300.ttf");
}

@font-face {
	font-family: "FixedsysMono Nerd Font Mono";
	src: url("/assets/fonts/FixedsysMono_Mod-NerdFont.ttf");
}

body {
	color: white;
	font-family: "JetBrainsMonoNL NFM", "FixedsysMono Nerd Font Mono", "Fixedsys Excelsior 3.01", monospace;
	font-size: 16px;
	tab-size: 4;
	background: url("/assets/images/background.png") center center no-repeat fixed;
	background-size: cover;
}

body::selection {
	color: currentColor;
	background: dimgray;
}

main {
	padding: 1em 0 1em 0;
	overflow: auto;
}

pre, p {
	font: inherit;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}

ul {
	margin: 0;
	padding-left: 1.5em;
}

strong, summary {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: underline;
	color: gold;
}

em {
	color: gray;
}

a {
	color: inherit;
	text-decoration: dotted underline lightgray;
	transition: text-decoration 0.5s;
}

a:hover {
	text-decoration-color: lightskyblue;
}

table {
	text-align: center;
	border-collapse: collapse;
}

th, td {
	padding: 0 2em 0 2em;
	border: gray 1px solid;
}

details:is([open]) {
	margin-bottom: 1em;
}

noscript {
	color: red;
}

.datetime {
	color: darkgray;
}