* {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
	margin: 0;
	background-color: black;
	
}

/* This can probably be moved to a more general stylesheet */
input.file-input::file-selector-button {
	aspect-ratio: 1;
	padding: 15px;
	border-radius: 50%;
	font-size: medium;
	font-weight: bolder;
	background-color: transparent;
	/* background-image: url("/uparrow-background"); */
	background-size: 0%;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
	border-color: white;
	border-style: solid;
	
	margin-top: 15px;

	transition: background-color 0.2s ease-in, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-in, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-in, color 0.2s ease-out;
}

input.file-input::file-selector-button:hover {
	background-color: white;
	color: black;
}

input.submit {
	padding: 15px;
	border-radius: 15px;
	font-size: x-large;
	font-weight: bolder;
	aspect-ratio: 8/1;
	background-color: transparent;
	color: white;
	border-color: white;
	border-style: solid;
	
	margin-top: 15px;

	transition: background-color 0.2s ease-in, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-in, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-in, color 0.2s ease-out;
}

input.submit:hover {
	background-color: white;
	color: black;
}

.flash-message {
	background-color: rgba(0, 0, 255, 0.2);
	border: 3px solid rgb(255, 255, 255);
	border-radius: 15px;
	width: fit-content;

	margin: 0 auto;
	padding: 30px 50px 30px 50px;

	margin-top: -30px;
	margin-bottom: 30px;
}

.special-word {
	color: white;
	text-decoration-style: wavy;
	text-decoration-skip-ink: none;
	text-shadow: 0px 0px 0px black;
	justify-content: center;
	transition: text-shadow 0.3s ease-in, font-size 10s ease-out, color 0.3s ease-out;
}

.special-word:hover {
	text-shadow: 3px 3px 3px black;
	color:  rgb(175, 255, 222);
	/* font-size: 100pt; */
}