content {
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

form {
	background-color: #1c1c1c;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px 10px #1c1c1c;
	width: 90vw;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: large;
}

input[type="file"] {
	border: 2px dashed #555555;
	padding: 10px;
	border-radius: 10px;
	color: #cccccc;
	background-color: #3b3b3b;
}

input[type="submit"] {
	background-color: #a229a8;
	color: white;
	border: none;
	padding: 10px;
	border-radius: 10px;
	font-weight: bold;
	cursor: pointer;
}

input[type="submit"]:hover {
	background-color: hsl(297 61% 33% / 1)
}

form input {
	font-size: inherit;
}

h1 {
	margin: 4em auto .5em;
	text-shadow: 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black, 0 0 10px black;
}

ul li {
	text-align: left;
	font-size: 1.2em;
}

content div {
	margin-bottom: 1em;
}

ul {
	margin: 1em 0;
}

.link {
	color: #f0d;
	text-decoration: underline;
	cursor: pointer;
}

.info {
	font-size: .75em;
}

content p {
	font-size: 1.5em;
	display: flex;
	flex-direction: column;
}

.error {
	color: red;
}