body {
    font-family: Arial, sans-serif;
    padding: 20px;
}
.container {
    max-width: 600px;
    margin: 0 auto;
}
.section {
    margin-bottom: 20px;
}
.credencial {
    width: 300px;
    background-color: white; 
    border-radius: 10px; 
    padding: 20px;
    margin: 20px auto;
    box-shadow: 0 2px 4px black; 
    text-align: center; 
}
.credencial1 {
    width: 300px;
    background-color: rgb(165, 66, 66); 
    border-radius: 10px; 
    padding: 20px;
    margin: 20px auto;
    box-shadow: 0 2px 4px black; 
    text-align: center; 
}
.credencial2 {
    width: 300px;
    background-color: rgba(83, 96, 209, 0.562); 
    border-radius: 10px; 
    padding: 20px;
    margin: 20px auto;
    box-shadow: 0 2px 4px black; 
    text-align: center; 
}