/*-----------------Hoja de estilos portafolio-----------------*/
*{
    font-family: 'Urbanist', sans-serif;
    margin: 0;
}
a{
    text-decoration: none;
}
em{
    font-weight: 500;
}
b{
    font-family: 'Urbanist', sans-serif;
    font-weight: 600;
}
hr{
    border: solid 2px white;
    margin-bottom: 50px;
}
p{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
h1{
    font-weight: 600 !important;
    font-size: 80px;
}
h2{
    margin-bottom: 30px !important;
    font-weight: 700 !important;
}
h3{
    color: white;
    font-size: 20px;
    font-weight: 600;
}
h4{
    margin-bottom: 30px;
    font-weight: 600;
    color:#2185A6;
}
h5{
    font-weight: 600;
    color:black;
}
/*parallax*/
.animacion{
    padding: 100px;
    color: white;
   background-image: url(../imagenes/fondo.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   background-attachment: fixed;
}
/*nav*/
.navbar{
    font-weight:600;
    font-size: 18px;
    color:#4a4a4a !important;
}
.active{
    color:#2185A6 !important;
}
a.nav-link{
    margin: 0px 40px;
}
a.nav-link:hover{
    color:#AF233D !important;
    border-radius: 5%;
}
/*footer*/
footer{
    font-size: 16px;
    font-weight: 600;
    background-color: #2185A6;
    color: white;
}
footer a{
    color: white !important;
}
footer img{
    width: 50px;
}
/*-----------------presentacion-----------------*/
.presentacion img{
    width: 100%;
    border-radius: 15px;
}
.btn-primary {
    color:white;
    background-color: #AF233D;
    box-shadow: 3px 3px 3px #4a4a4a;
    border-color: #AF233D;
}
.btn-primary:hover {
    color:white;
    background-color: #6c0c1e;
    border-color:#6c0c1e;
}

/*categorias*/
.categorias img{
    width: 100%;
    border-radius: 15px;
    margin-bottom: 30px;
}
/*-----------------sobre mí-----------------*/
.historia img{
    width: 200px;
    border-radius: 50%;
    margin-bottom: 30px;
}
.cv{
    background-color: #bee7f5;
    border-radius: 15px;
}
/*-----------------portafolio-----------------*/
.portafolio img{
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 5px 5px 10px;
}
.fotografia{
    background-color: #4a4a4a;
    color:white;
}
.fotografia h4{
    color: white;
}
.fotografia img{
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 5px 5px 10px black;
}
/*-----------------contacto-----------------*/
.redes img{
    background-color: #4a4a4a;
    padding: 10px;
    border-radius: 30px;
    width: 80px;
    margin: 5px;
}
.redes a{
    color: black;
}
/*-----------------servicio-----------------*/
.carousel img{
    width: 100%;
    color: black;
}
.carousel h2{
background-color: black;
color: white;
padding: 25px;
}

.carousel-indicators {
    margin-bottom: 90px;
}
.carrusel{
   background-color: black;
   padding: 10px 0px 0px 0px;
}
.carrusel p{
    color:white;
}