/* add this to every CSS. this file imports basic CSS and FONTS used throughout the website */
@import url(/assets/css/body.css);

body {
	background-blend-mode: darken;
	background-color: #c5b0d7;
	background-image: url(/assets/bgs/404-purple.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	width: 100vw;
	height: 100vh;
	border: 1px solid black;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
}

a {
	color: inherit;
	&:hover {
		color: #c5b0d7;
	}
}

main {
	border-radius: 10px;
	max-width: 500px;
	img {
		filter: drop-shadow(30px 10px 4px #20254e);
		display: block;
		width: 100%;
	}
	p {
		filter: drop-shadow(0px 5px 4px #20254e);
		text-align: center;
		margin: 0px 5px;
	}
}