@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;}

body {
	margin: 0;
	padding: 0;
	background: #000;
	font-size:16px;	
	color:#f4f0ed;
}

.wrapper {
	width:calc(100vw - 20px);
	margin:10px 0px 0px 10px;
	display: flex;
	flex-flow: column;
	gap: 10px;
	border-radius: 6px;
	background:url("../img/bg.jpg") top center no-repeat;
	background-size:cover;
}

.flex {
	display: flex;
}

.full {
	width:100%;
	min-height:calc(100vh - 20px);
	position: relative;
	overflow: hidden;
}

.logo > div {
	width:calc(100% - 20px);
	padding-bottom: 10px;
	position: relative;
}

.logo img {
	display: block;
	width: 100%;
}

.logo p {
  position: absolute;
  left: 8vw;
  color: #f4f0ed;
  top:0vh;
}

.top {
	position:absolute;
	top:2vw;
	left:2vw;
	gap:10vw;
	z-index: 1;
}

h1, h2 {
	color:#f4f0ed;
}

.half {
	width:50%;
}

.bottom {
	align-items: end;
	justify-content: center;
}

.centered {
	align-items: center;
	justify-content: center;
}