*{
	margin: 0;
	padding: 0;
	box-shadow: border-box;
}

.preload{
	z-index: 5;
	position:fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #262626;
	display:flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s ease;
}

.preload-finish{
	opacity: 0;
	pointer-events: none;
}

.logo-not-animated {
	height:10%;
}

.logo-animated {
	height:10%;
	animation:rotate 3s ;
	animation-timing-function: cubic-bezier(1,0,.5,1);
}
	
@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0deg) } 
	to { -webkit-transform: rotate(360deg) } 
}