@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@500&display=swap');

body {
	overflow: hidden;
	background: #05090e;
	height: 100vh;
	width: 100vw;
	padding: 60px;
}

.socials {
	padding: 10vw 0;
}

.socials a {
	color: #fff;
	font-size: 26px;
	font-family: 'Dosis', sans-serif;
}

.socials a:hover {
	color: #fff;
}

p {
	color: #fff;
	font-size: 20px;
	font-family: 'Dosis', sans-serif;
}

/* The Loader */

#loader-wrapper {
	z-index: 999999999999999;
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}

.no-js #loader-wrapper {
	display: none;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	z-index: 11;
}

#loader img {
	width: 150px;
	height: 150px;
}

#loader-wrapper  {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #262626;
	z-index: 10;
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}