body{margin: 0px; background: #000000; font-family: 'Ubuntu', sans-serif; color: #000000; font-size: 20px;}
a:link, a:hover, a:visited {color: inherit;}
video{position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: 100%; object-fit: cover; max-height: 100%;}
.textos{position: absolute; width: 100%; height: calc(100% - 50px); top: 0; left: 0; justify-content: center; align-items: center; display: flex;}
.textos>div{position: absolute; text-align: center;}

.logo, .frase1, .frase2, .frase3{height: 200px; opacity: 0;}

.logo{animation: frame1 10s linear infinite;}
.frase1{animation: frame2 10s linear infinite;}
.frase2{animation: frame3 10s linear infinite;}
.frase3{animation: frame4 10s linear infinite;}

.center{position: absolute; bottom: 15px; width: 100%; display: flex; justify-content: center;}
.medias{display: flex; align-items: center;}

.email{-webkit-mask: url(/icon-email.svg) no-repeat; mask: url(/icon-email.svg) no-repeat; margin-right: 10px}
.whatsapp{-webkit-mask: url(/icon-whatsapp.svg) no-repeat; mask: url(/icon-whatsapp.svg) no-repeat; margin-right: 10px}
.instagram{-webkit-mask: url(/icon-instagram.svg) no-repeat; mask: url(/icon-instagram.svg) no-repeat; margin-right: 10px}
.facebook{-webkit-mask: url(/icon-facebook.svg) no-repeat; mask: url(/icon-facebook.svg) no-repeat; margin-right: 10px}
.youtube{-webkit-mask: url(/icon-youtube.svg) no-repeat; mask: url(/icon-youtube.svg) no-repeat; margin-right: 10px}
.medias a {background: #000000; width: 20px; height: 20px; -webkit-mask-size: cover; mask-size: cover; display: block;}


@keyframes frame1{
	0% {opacity: 1}
	5% {opacity: 1}
	20% {opacity: 1}
	25% {opacity: 0}
	95% {opacity: 0}
	100% {opacity: 1}
}
@keyframes frame2{
	0% {opacity: 0}
	25% {opacity: 0}
	30% {opacity: 1}
	45% {opacity: 1}
	50% {opacity: 0}
	100% {opacity: 0}
}
@keyframes frame3{
	0% {opacity: 0}
	50% {opacity: 0}
	55% {opacity: 1}
	65% {opacity: 1}
	70% {opacity: 0}
	100% {opacity: 0}
}
@keyframes frame4{
	0% {opacity: 0}
	70% {opacity: 0}
	75% {opacity: 1}
	90% {opacity: 1}
	95% {opacity: 0}
	100% {opacity: 0}
}
