@import url('https://fonts.googleapis.com/css2?family=Alata&family=Roboto+Slab:wght@100;300;400&display=swap');

body, html {
	height: 100%;
  	margin: 0;
  	/*font-family: 'Roboto Slab', serif;*/
	font-weight: 300;
}

.bgimg {
	background-image: url('/images/bg.jpg');
	height: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	color: white;
	font-size: 25px;
}

.topleft {
  	position: absolute;
  	top: 0;
  	left: 16px;
}

.bottomleft {
  	position: absolute;
  	bottom: 0;
  	left: 16px;
}

.bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.middle {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	text-align: center;
}

hr {
	margin: auto;
 	width: 40%;
  	font-family: 'Alata', sans-serif;
}