File Extension Image for NotFound.scss NotFound.scss
897 Chars | 41 Lines | 0.90 kb | Text File Parent Directory
body,
html {
	margin: 0;
	padding: 0;
}

#notFound {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;

	height: 100vh;

	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
		'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
		'Segoe UI Symbol', 'Noto Color Emoji';
	
	#notFoundContent {
		h1 {
			font-size: 10rem;
			font-weight: 400;
			margin: 0;
		}
		p {
			margin-top: -15px;
		}
		a {
			text-decoration: none;
			color: #000;
			background-color: aquamarine;
			padding: 0.5rem 2.5rem;
			border-radius: 10px;
			transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, padding 0.2s ease-in-out;
		}
		a:hover {
			padding: 0.5rem 2.75rem;
			background-color: #fff;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		}
	}
}