@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("Inter-roman-var.woff2") format("woff2");
}

*{
	box-sizing: border-box;
}

html{
	font-size: .52083333vw;
	scroll-behavior: smooth;
}

body{
	font-family: "Inter var";
	font-weight: 400;
	font-size: clamp(13px, 2rem, 18px);
	line-height: 1.4;
}

html, body{
	width: 100%;
	height: 100vh;
}

main{
	display: flex;
	flex-flow: column;
	height: 100%;
}

.info{
	font-size: clamp(13px, 2rem, 18px);
	text-transform: uppercase;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	text-align: center;
}

.info h1{
	font-size: clamp(13px, 2rem, 18px);
	font-variation-settings: "wght" 400;
	margin: 0; 
	padding: 0;
}

.info a{
	color: inherit;
	text-decoration: none;
	transition: all .3s;
	font-variation-settings: "wght" 400;
}
.info a:hover{
	/*text-decoration: underline;*/
	font-variation-settings: "wght" 800;
}
.info a::before {
	display: block;
	content: attr(title);
	font-variation-settings: "wght" 800;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.wrap{
	background-image: url('bg.png');
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: calc(100vh - 40px - 2.5rem); 
	overflow: hidden;
}

.imprint{
	font-size: 12px;
	position: fixed;
	bottom: 0px;
	transform: translateY(calc(100% - 43px));
	transition: transform .3s;
}
.imprint.open{
	transform: translateY(0);
}
.imprint .button{
	cursor: pointer;
}
.imprint h2{
	font-size: inherit;
	text-transform: uppercase;
	margin: 0;
	background-color: white;
	padding: 15px;
	display: inline-block;
}
.imprint .content{
	background-color: white;
	padding: 15px;
}

@media all and (max-width: 920px) {
	.info span:first-child{
		width: 100%;
		display: inline-block;
	}
	.info span h1{
		font-variation-settings: "wght" 700;
	}
	.info{
		text-align: left;
	}
}


@media all and (max-width: 600px) {
	.info span{
		display: block;
		width: 100%;
	}
	.info{
		padding: 10px;
	}
}