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

.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

img {
	margin-bottom: 30px;
}

svg {
	width: 85vw;
	height: 200px;
}

/**************************
 * ANIMATION - BACKGROUND
 **************************/
.gradient {
	/* background: linear-gradient(90deg, #3659A1, #3659A1, #3659A1, #71AF48, #71AF48, #71AF48); */
	background-size: 300% 300%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	animation: colors 5s ease  infinite;
}

@keyframes colors {
	0% {
	background-position: 0% 50%;
	}
	50% {
	background-position: 100% 50%;
	}
	100% {
	background-position: 0% 50%;
	}
}

/**************************
 * ANIMATION - 
 **************************/

#nr1 {
	animation: blink 2s ease-in-out infinite;
}
@keyframes blink { 
	50% {
		opacity: 0.5;
	}
}

.nr1 {
	stroke-dasharray: 504.519;
	stroke-dashoffset: 504.519;
	animation: desenhar 2s linear forwards;
}
@keyframes desenhar { 
	to { 
		stroke-dashoffset: 0; 
	}
}










.letra-a-maiusculo { animation: anima-A-maiusculo 8s ease-in-out; }
@keyframes anima-A-maiusculo {
	0% { stroke-dashoffset: 172.162; }
	15% { stroke-dashoffset: 172.162; }
	100% { stroke-dashoffset: 0; }
}

.letra-a { animation: anima-A 8s ease-in-out; }
@keyframes anima-A {
	0% { stroke-dashoffset: 162.631; }
	15% { stroke-dashoffset: 162.631; }
	100% { stroke-dashoffset: 0; }
}

.letra-d {animation: anima-D 8s ease-in-out; }
@keyframes anima-D {
	0% { stroke-dashoffset: 172.929; }
	15% { stroke-dashoffset: 172.929; }
	100% { stroke-dashoffset: 0; }
}

.letra-e {animation: anima-E 8s ease-in-out; }
@keyframes anima-E {
	0% { stroke-dashoffset: 157.983; }
	15% { stroke-dashoffset: 157.983; }
	100% { stroke-dashoffset: 0; }
}

.letra-g { animation: anima-G 8s ease-in-out; }
@keyframes anima-G {
	0% { stroke-dashoffset: 213.338; }
	15% { stroke-dashoffset: 213.338; }
	100% { stroke-dashoffset: 0; }
}

.letra-i {animation: anima-I 8s ease-in-out; }
@keyframes anima-I {
	0% { stroke-dashoffset: 84.982; }
	15% { stroke-dashoffset: 84.982; }
	100% { stroke-dashoffset: 0; }
}

.letra-l {animation: anima-L 8s ease-in-out; }
@keyframes anima-L {
	0% { stroke-dashoffset: 82.404; }
	15% { stroke-dashoffset: 82.404; }
	100% { stroke-dashoffset: 0; }
}

.letra-m {animation: anima-M 8s ease-in-out; }
@keyframes anima-M {
	0% { stroke-dashoffset: 273.851; }
	15% { stroke-dashoffset: 273.851; }
	100% { stroke-dashoffset: 0; }
}

.letra-n {animation: anima-N 8s ease-in-out; }
@keyframes anima-N {
	0% { stroke-dashoffset: 138.374; }
	15% { stroke-dashoffset: 138.374; }
	100% { stroke-dashoffset: 0; }
}

.letra-o {animation: anima-O 8s ease-in-out; }
@keyframes anima-O {
	0% { stroke-dashoffset: 136.461; }
	15% { stroke-dashoffset: 136.461; }
	100% { stroke-dashoffset: 0; }
}


.letra-r { animation: anima-R 8s ease-in-out; }
@keyframes anima-R {
	0% { stroke-dashoffset: 88.194; }
	15% { stroke-dashoffset: 88.194; }
	100% { stroke-dashoffset: 0; }
}

.letra-s {animation: anima-S 8s ease-in-out; }
@keyframes anima-S {
	0% { stroke-dashoffset: 146.109; }
	15% { stroke-dashoffset: 146.109; }
	100% { stroke-dashoffset: 0; }
}

.letra-t {animation: anima-T 8s ease-in-out; }
@keyframes anima-T {
	0% { stroke-dashoffset: 107.853; }
	15% { stroke-dashoffset: 107.853; }
	100% { stroke-dashoffset: 0; }
}