@import "css/normalize.css";

@font-face{
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/Noto_Sans/NotoSans-VariableFont_wdth,wght.ttf")  format("truetype");
}

@font-face{
	font-family: "Noto Serif Italic";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/Noto_Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf")  format("truetype");
}

body {
	color: white;
	background: #40003F url("images/background.jpg") 50%0% no-repeat;
	background: #40003F;
  font-family: "Noto Sans", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

footer {
	background: rgba(121, 51, 121, 0.75);
	color: white;
	padding: 0.75rem 0;
	position: fixed;
	bottom: 0;
	width: 100%;
}

h1 {
	font-family: "Noto Serif Italic", Verdana, Geneva, sans-serif;
	font-size: 4rem;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 4px black;
}

main {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	line-height: 1.65;
	margin: 10vh auto;
	max-width: 90vw;
	padding: 5vh;
	width: 50vw;
}

p {
	margin: 2rem 0;
}