@font-face {
	font-family: 'degular';
	src: url("degular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html,body{ background-color: #000000;
width:100%;
	height:100%;
font-family: 'degular';
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:"wdth" 100; text-align: center;
}
	
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 
 .filter {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.texto1{ color:#ffffff; font-size:17px; line-height: 120%; }
.texto2{ color:#ffffff; font-size:17px; line-height: 120%; }

.redes{-webkit-transform: scale(1); transform: scale(1); cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; display: inline-block; opacity: 1; }
.redes:hover{-webkit-transform: scale(1.1); transform: scale(1.15); }

#arriba, #arriba1,#arriba2,#arriba3,#arriba4{display:inline-block;vertical-align:top;}
#arriba{max-width:780px; width: 90%; vertical-align:middle; text-align:center;}
#arriba1{width:100%;margin-right:0px; text-align:center;}
#arriba2{width:100%;margin-right:0px; text-align:left;}
#arriba3{width:50%;margin-right:-4px; text-align:left;}
#arriba4{width:50%;margin-right:-4px; text-align:right; margin-top: 110px;}

.botos{transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; opacity: 1;}
.botos:hover{ opacity: .7;}


@media screen and (max-width:800px)
 {
     #arriba{ margin-left: 5%;}

}