/* Main Elements & Default Mobile Size */

:root {
	--color-dark: #770088;
	--color-lite: #770088;
}

body {background: url('seaside_2x.webp') center / cover;}
::selection {background: var(--color-lite);}

#deets {
	backdrop-filter: blur(20px) saturate(200%);
	background: linear-gradient(to bottom, #E50000 20px, #FF8D00 20px, #FF8D00 40px, #FFEE00 40px, #FFEE00 60px, #028121 60px, #028121 80px, #004CFF 80px, #004CFF 100px, #770088 100px, #770088 120px, #FFFFFFE0 120px);
	box-sizing: border-box;
	color: #282828;
	gap: 0;
	justify-content: start;
	min-height: 100vh;
	padding: 35px 0;
	width: 100%;
}
#icon {background: var(--color-dark);}

h1, p {
	text-align-last: justify;
	width: 100%;
}

h1 {
	font: 400 400%/.75 'Corinthia';
	margin: .5em 0 .25em 0;
}

hr {
	border-color: var(--color-dark);
	margin: 1.25em auto;
	width: 103px;
}

#toxid {
	display: inline-flex;
	margin-top: 1.25em;
}

/* Screen is Bit Embiggened */

@media (min-width: 540px) {
	#deets {
		min-height: unset;
		padding: 35px;
		width: unset;
	}
}