.logo{
    height: 50px;
}

.cabecera{
    margin-top: 2rem;
}

.nav-link{
    font-size: 18px;
    letter-spacing: 3pt;
}

.titulo{
    font-family: 'Playfair Display', serif;
}

.ft{
    color: gray;
}
p,li{
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
}

.redes{
    color: #afafaf;
    /* background:#000a3d; */
    
}
.redes a i{
    color: white;
    font-size: 25px;
    
    margin-left: 8px;
}
.redes a i:hover{
    color: #afafaf;
}

.uil{
    font-size: 60px;
    padding: 40px;
    color: white;   
}
.fas,.far{
    font-size: 60px;
    padding: 40px;
    color: white;   
}
.l-s{
    letter-spacing: 3px;
}

.bg-dark{
    background: black !important;
}


a .nav-link{
    background: tomato !important;
}

.scroll{
    overflow:scroll;
    height: 100vh;
    margin-top: 4rem;
}
.scroll .nav-pills .nav-link{
    /* background: sandybrown; */
    color: black !important;
}

.scroll .nav-pills .nav-link.active{
    color: white;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #FF5733 !important;
}

.nav-link{
    /* background: sandybrown; */
}


.logof{
    width: 130px;
}

.t-porta{
    font-size: 25px;
    /* background: #FF5733; */
    background:black;
    color: white;
    font-family: 'Playfair Display', serif;
}