@font-face {
    font-family: 'daniel';
    src: url('../font/daniel.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

	
html, body{
	font-size: 100%;
	background-color: rgb(0,100,0);
	overflow: hidden;
}

content {
	display: block;
	width: 100vw;
	/*display: flex;
	flex-direction: column;
	justify-content: center;*/
	padding: 10% 0;
}

img{
	display: block;
	margin: 0 auto;
	width: 25%;
}

h1{
	display: block;
	font-family: 'daniel', sans-serif;
	font-size: 300%;
	text-align: center;
	color: rgb(240,240,240);z-index:10;
}


@keyframes logo-ov{
    0% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  
	30% {
    opacity: 1;

	}
  
	50% {
    opacity: 1;
        transform: scale3d(1, 1, 1);

	}

    100% {
	opacity: 0;
    transform: scale3d(0, 0, 0);
	}
}

.logo-ov {
	animation-name: logo-ov;
	animation-duration : 5s;
	/*animation-delay : 2s;*/
	animation-timing-function : ease-in;
	animation-fill-mode : forwards;
}

@keyframes le-gite{
    0% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
	}
	
	30%{
	opacity: 0;
	}
  
	50%{
	opacity: 1;
    transform: scale3d(1, 1, 1) translateY(0);
	}
	
    80% {
    transform: scale3d(2.2, 2.2, 2.2);
	}
	
	100% {
	transform: scale3d(1.5, 1.5, 1.5) translateY(-100px);
	}
}

.le-gite {
	animation-name: le-gite;
	animation-duration : 7s;
	animation-timing-function : ease-in-out;
	animation-fill-mode : forwards;
}

@media (max-width: 768px) { 

	img{
	width: 70%;	
	}
	
	h1{
	font-size: 20px; 
	} 
	
}