:root {
	--background-colour: rgb(26, 26, 26);
	--link-colour: rgb(172, 195, 242);
}

::selection {
	background-color: rgb(221, 221, 221);
	color: var(--background-colour);
}

/* Multiple elements */

body, footer {
	background-color: var(--background-colour);
}

body, button, input, ::file-selector-button {
	color: rgb(248, 248, 248);
}

button, input, ::file-selector-button, code {
	border-radius: 0.3em;
}

code, input[type="text"] {
	padding: 0.12%;
	background-color: rgb(47, 47, 47);
}

button, ::file-selector-button, input[type="text"] {
	border: 2px solid rgb(170, 170, 170);
}

/* Individual elements */

body {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size: xx-large;
	text-align: center;
}

a {
	color: var(--link-colour);
}

a:active {
	text-decoration: none;
	border: 2px solid var(--link-colour);
}

div:has(label) {
	margin-bottom: 0.34em;
}

input[type="text"] {
	font-family: monospace;
	font-size: xx-large;
	width: 17em;
}

[id="copy-notify"] {
	display: none;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* Button */

button, input[type="file"], ::file-selector-button {
	padding: 0.215em 0.5em;
	font-size: large;
}

button, ::file-selector-button {
	background-color: rgb(61, 61, 61);
	margin-bottom: 1em;
}

button:hover, ::file-selector-button:hover {
	background-color: rgb(80, 80, 80);
}

button:active, ::file-selector-button:active {
	background-color: rgb(51, 51, 51);
}

/* Code block */

.tag {
	color: rgb(255, 75, 75);
}