body {
	background-size: cover;
	max-height: 100%;
	max-width: 100%;
}


/* loader */
.loader-bg {
	position: fixed;
	z-index: 999999;
	background: #FFF;
	width: 100%;
	height: 100%;
}

.loader {
	border: 0 solid transparent;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	position: absolute;
	top: calc(50vh - 75px);
	left: calc(50vw - 75px);
}

.loader:before, .loader:after {
	content: '';
	border: 1em solid #2541B2;
	border-radius: 50%;
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	animation: loader 2s linear infinite;
	opacity: 0;
}

.loader:before {
	animation-delay: .5s;
}

@keyframes loader {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 50%;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.text-name {
	color: #2541B2;
	font-family: 'Roboto', sans-serif;
}

.icon-link {
	color: black;
}

.icon-link:hover {
	color: #2541B2;
}

.paragraf {
	font-family: 'Roboto Mono', sans-serif;
}

#content {
	padding-top: 8rem;
}

#footer {
	padding-top: 1rem;
}

/* Animated Hand Wave */
.wave {
  animation-name: wave-animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  transform-origin: 70% 70%;
  display: inline-block;
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate(14.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate(10.0deg) }
   60% { transform: rotate( 0.0deg) }
  100% { transform: rotate( 0.0deg) }
}