@font-face{
    src:url('../fonts/Handlee-Regular.ttf');
    font-family:btnletter;
}



.headerdos{

background-color: rgb(245, 183, 237);
width: 100%;
transition: opacity 0.8s;
transition: opacity 0.;
display: flex;
justify-content: space-evenly;
 align-items: center;
height: 140px;
align-items: center;
margin-bottom: 10px;
position: fixed;
top: 0;
left: 0;
direction:vertical;
z-index: 2;



}


.headeruno{

    background: rgb(238,160,255);
    background: linear-gradient(300deg, rgba(238,160,255,1) 24%, rgba(208,155,255,1) 71%);
    transition: opacity 0.3s;
    width: 100%;
    display: flex;
   
    height: 100px;
    align-items: center;
    margin-bottom: 10px;
    position: fixed;
    top: 0;
    left: 0;
    direction:vertical;
    z-index: 2;
    
    
    
    }
    

.logo{
    background-image: url('../img/logodul.png');
   
    background-size: contain;
    background-repeat: no-repeat;
}

.logodos{
    background-image: url('../img/logodul.png');
 
    background-size: cover;
    background-repeat: no-repeat;
}


.headeruno li{
    display: inline;
   padding: 10px;
  
   width: 20%;
   text-align: center;
   border-radius: 10px;


}

.headeruno li:hover {
    background-color: rgba(1, 192, 250,0.1);
    backdrop-filter: blur(8px);
}



.headerdos li{
    display: inline;
   padding: 10px;
  
   width: 20%;
   text-align: center;
   border-radius: 10px;


}

.headerdos li:hover {
    background-color: rgba(1, 192, 250,0.1);
    backdrop-filter: blur(8px);
}


.headeruno nav {
    margin-left: auto;
    background-color: 0;
    margin-right: 40px;
    width: 40%;
    padding: 2px;
}

.headerdos nav {
    margin-left: auto;
    background-color: 0;
    margin-right: 40px;
    width: 40%;
    padding: 2px;
}

ul{
    background-color: 0;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

a{
    text-decoration: none;
    color: #fff;
    font-family: btnletter;
    font-size: 25px;

}


.redes{

    background-color: 0;
    margin: auto;
}

.redes a img{
    width: 40px;
    height: 40px;
    padding: 20px;

}

.redes a #ac{
    width: 60px;
    height: 60px;
    padding: 20px;

}