@import url('https://fonts.googleapis.com/css2?family=Prosto+One&family=Roboto&display=swap');
body,
html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', sans-serif;
}

.loader {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #242B3A;
	background: linear-gradient(90deg, #242B3A 0%, #242B3A 100%);
	background: -moz-linear-gradient(80deg, #242B3A 0%, #242B3A 100%);
	background: -webkit-linear-gradient(90deg, #242B3A 0%, #242B3A 100%);
}

.loader-logo {
    width: 695px;
    height: 436px; 
	max-width: 90%;
	overflow: hidden;
	transform: translatey(0px);
	animation: float 3s ease-in-out infinite;
	img { width: 100%; height: auto; }
}

/*@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}*/
h1
{
display: inline-block;
test-align: center;
color: white;
font-size: 45px;
    font-weight: 100;
font-family: 'Prosto One', cursive;
}
.mail
{
font-family: 'Roboto', sans-serif;
}