body{
background:#0f172a;
color:white;
font-family:Segoe UI;
}

/* NAVBAR */

.navbar{
background:#1b263b;
border-bottom:4px solid #d4a017;
}

/* HERO */

.hero{
background:url('../img/hero.jpg') center/cover;
height:500px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.hero h1{
font-size:60px;
color:#ffd166;
text-shadow:2px 2px 10px black;
}

/* SECCION */

.section{
padding:60px 0;
}

/* CARDS */

.card{
background:#1e293b;
border:none;
transition:0.3s;
}

.card:hover{
transform:scale(1.05);
}

.card-title{
color:#ffd166;
}

/* BOTONES */

.btn-primary{
background:#d4a017;
border:none;
}

/* PROGRESS */

.progress{
height:25px;
}

/* FOOTER */

footer{
background:#020617;
padding:30px;
text-align:center;
margin-top:60px;
}
p{
    color: white;
}