body{
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.padre{
    position: relative;
    border: 1px solid black;
    width: 80%;
    margin: auto;
    margin-top: 100px;
}
.morado{
    text-align: center;
    color: white;
    background: #6610f2;
    padding: 10px;
    position: relative;
}
.cielo{
    background-color: #e4eff9;
    padding: 10px 0 10px 0;
}
.texto{
    margin: 0 10px 0 10px;
    background-color: white;
    border-radius: 10px;
    position: relative;
}
.texto p{
    padding: 10px;
}
.negro{
    text-align: center;
    color: white;
    background: #343A40;
    padding: 10px;
    position: relative;
}
.vuelo{
    position:absolute;
    top:-10px;
    left:30px;
    padding: 2px 7px 2px 7px;
    border-radius: 5px;
}
.verde{
    background-color: #28a745;
}
.azul{
    background-color: #007bff;
    color: white;
    font-weight:normal;
}
.vueloMorado{
    background-color: white;
    color:#007bff;
    border-radius: 10px;
    border:1px solid #6610f2;
}