* {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	margin: 0;
	font-family: sans-serif;
	font-size: 1.4rem;
	color: #333;
	background-image: url("../images/home.jpg");
	background-size: cover;
}
html,
body,
.center {
	height: 100%;
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.square {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30rem;
	height: 30rem;
}
.bordered {
	background-color: rgba(255, 255, 255, 0.75);
	background-clip: padding-box;
	border: 3rem solid rgba(255, 255, 255, 0.25);
	box-shadow: 0 0 3rem rgb(0, 0, 0, 0.25);
}
.bordered h1 {
	font-family: "Poiret One", sans-serif;
	font-size: 7rem;
	color: #333;
}
.glass {
	border-radius: 50%;
	backdrop-filter: blur(10px) brightness(1.3);
	box-shadow: 0 0 3rem #0003;
}
.glass h1 {
	/*font-family: "Asimovian", sans-serif;
	font-family: "Comfortaa", sans-serif;
	font-family: "Gruppo", sans-serif;
	font-family: "Joti One", serif;
	font-family: "Marhey", sans-serif;
	font-family: "Matemasie", sans-serif;
	font-family: "Moirai One", system-ui;
	font-family: "Puppies Play", cursive;
	font-family: "Shantell Sans", cursive;*/
	font-family: "Comfortaa", sans-serif;
	font-size: 9rem;
	color: #fff;
	text-shadow: 0 0 3px #0006;
}
h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.copyright {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	color: #fff9;
}