body {
    background-color: #eaeaea;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    max-width: fit-content;
}
h2 {
    text-align: center;
}
.tabla-css {
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
    box-shadow: 0 0 25px #a39e9e;
    border-collapse: collapse;
}
.tabla-css thead tr {
    background-color: #f0b90b;
    color:#252a34;
    text-align: center;
}
.tabla-css th,
.tabla-css td {
    padding: 20px 20px;
    text-align: center;
}
.tabla-css tbody tr:nth-of-type(even){
 background-color: #f8c7282c;   
}

img {
display: block;
margin: 0 auto;
}


@media (max-width: 700px) {
    .crypto {
        display: block;
        font-size: smaller;
    }
    .tabla-css {
        margin-left: 0%;
        margin-right: 0%;
        min-width: min-content;
    }
    h2 {
        text-align: start;
    }
    .img-crypto {
        display: none;

    }

    /*Boton Principio*/
        .float-Principio {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #16b6df;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 10000;
    }
    
    .float-Principio:hover {
        text-decoration: none;
        color: #12e62e;
        background-color: rgb(255, 255, 255);
    }
    
    .my-float-Principio {
        margin-top: 16px;
    }
    
    @media only screen and (max-width: 576px) {
        #Principio {
        width: 350px;
    }
    }
}