@import url('https://fonts.cdnfonts.com/css/convection');

*,*::before,*::after{
	box-sizing:inherit;
}
:root{
	box-sizing:content-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{
	font-family:'Convection',sans-serif;
	margin:0;
	width:100%;
	min-height:67vh;
	background:url(404-bg.webp) no-repeat center center / cover #d2c4b4;
	text-align:center;
	align-content:center;
	box-shadow:inset 0 0 0 100vmax rgba(255,255,255,0.5);
	padding-bottom:33vh;
}
h1{
	font-family:'Convection Medium', sans-serif;
	font-weight:normal;
	font-size:4em;
	color:#e83036;
}
@supports(-webkit-text-stroke:thin black){
	h1{
		color:transparent;
		-webkit-text-stroke:thin black;

		& :is(b, strong){
			font-weight:inherit;
			text-shadow:0.033em 0.033em 0 #e83036;
		}
	}
}

a{
	display:inline-block;
	font-size:1.5em;
	color:#fff;
	background-color:#e83036;
	text-decoration:none;
	text-align:center;
	align-content:center;
	line-height:1;
	padding:0.5em 1em;
	border-radius:0.5em;
	margin:1em 3em;
}