@charset "UTF-8";
/* CSS Document */
body{
	width: 100vw;
	height:100vh;
	margin:0;
	padding:0;
	overflow: hidden;
}
a{
	color:white;
}
.content{
	width:46vw; 
	margin-left:32vw;
	text-align: left;
	margin-top:10vh;
	margin-bottom:7vh;
}
.logo-bg{
	display:block;
	width:80vw;
	opacity:0.05;
	position:absolute;
	left:10vw;
	filter:blur(5px);
}
.logo{
	height:2vw;
	display:block;
	margin:0;
	margin-bottom:2vw;
	 animation: glow 3s ease-in-out infinite alternate;
	 position:fixed;
	 top:20px;
	 left:20px;

}
h1{
	font-family: 'Inter', sans-serif;
	color:white;
	font-size:3.1vw;
	margin-bottom:2vw;
	font-weight: bold;
}
h2{
	font-family: 'Inter', sans-serif;
	color:white;
	font-size:2vw;
	margin-bottom:2vw;
	font-weight: bold;
}
	.content.scroll h2{
		margin-top:3vw;
	}
p, ul li{
	font-family: 'Inter', sans-serif;
	color:white;
	font-size:1vw;
	line-height:1.4;
	margin-bottom:1vw;
}
.scroll{
	overflow-y: scroll;
	height: 80vh;
	padding-right: 10px;
	-ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
@keyframes glow {
    from {
       filter:drop-shadow(0 0 2px #90dfe7);
    }
    to {
      filter:drop-shadow(0 0 3px #90dfe7) drop-shadow(0 0 1px #4dbbc7);
    }
  }
@keyframes glow2 {
    from {
       filter:drop-shadow(0 0 2px #2d9da9);
    }
    to {
      filter:drop-shadow(0 0 3px #34b3c1) drop-shadow(0 0 1px #4dbbc7);
    }
  }

.cta {
	background-color:#222f44;
	border-radius:10px;
	border:0px solid #222f44;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Inter', sans-serif;
	font-size:0.9vw;
	font-weight:300;
	padding:10px 20px;
	line-height:1vw;
	animation: glow2 1s ease-in-out infinite alternate;
	margin-left:1vw;
}
.cta:hover {
	background-color:#ffffff;
	color:#222f44;
}
input {
	background-color:#ffffff;
	border-radius:10px;
	border:0px solid #222f44;
	display:inline-block;
	cursor:pointer;
	color:#222f44;
	font-family:'Inter', sans-serif;
	font-size:0.9vw;
	font-weight:300;
	padding:10px 20px;
	line-height:1vw;
	width:15vw;
	z-index:20;
}
small{
	position:relative;
	top:0.4vw;
	font-family:'Inter', sans-serif;
	font-size:0.65vw;
	font-weight:300;
	color:#ffffff;
}
.input-firstname{
	display:none;
	visibility: hidden;
}
.lang-switch{
	position: fixed;
	top: 20px;
	right: 20px;
	font-family: 'Inter', sans-serif;
	font-size: 0.9vw;
	color: white;
}
.lang-switch a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
.legal-nav{
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-family: 'Inter', sans-serif;
	font-size: 0.9vw;
	color: white;
}
.legal-nav a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.content{
		width:90vw; 
		margin-left:5vw;
		text-align: center;
		margin-top:20vw;
		margin-bottom:4vh;
	}
	.logo{
		width:28vw;
		position: fixed;
		top: 20px;
		left: 20px;
		height: auto;
	}
	h1{
		font-size:5.5vw;
		margin-bottom:3vw;
	}
	h2{
		font-size:5vw;
		margin-bottom:3vw;
		
	}
	.content.scroll h2{
		margin-top:10vw;
	}
	.scroll{
		height: 70vh;
	}
	
	/* p br{display: none;} */
p, ul li{
		font-size:4.5vw;
		margin-bottom:2vw;
	}
	.cta {
		font-size:2.5vw;
		line-height:3vw;
	}
	input {
		font-size:2.5vw;
		line-height:8vw;
		width:80vw;
		font-size: 4vw;
		font-weight: bold;
		padding:10px 10px;
	}
	.cta{
		font-size:2.5vw;
		line-height:8vw;
		width:80vw;
		font-size: 4vw;
		font-weight: bold;
		padding:10px 10px;
		margin-top:3vw;
	}
	small{
		font-size:3vw;
		line-height: 1;
	}
	.lang-switch{
		font-size: 4.5vw;
	}
	.legal-nav{
		font-size: 3.5vw;
	}
}