#box-result {
    display: none;
}

#box-mensaje {
    display: block;
    margin-left: 250px;
    margin-right: 250px;
    padding: 0px;
    color: hsl(271 52%, 50%);
    background-color: solid whitesmoke;
    border: 10px solid whitesmoke;
    text-align: center;
}

#box-valid {
    margin-left: 250px;
    margin-right: 250px;
    padding: 0px;
    color: hsl(271 52%, 50%);
    background-color: solid whitesmoke;
    border: 10px solid whitesmoke;
    text-align: center;
}

#result-michi {
    margin-left: 250px;
    margin-right: 250px;
    padding: 0px;
    color: hsl(271 52%, 50%);
    background-color: solid whitesmoke;
    border: 10px solid whitesmoke;
    text-align: center;
}

#mensajeUno {
    margin-left: 350px;
    margin-right: 350px;
}

html {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

body {
    background-image: url('https://th.bing.com/th/id/OIP.kFvWA-ISNl_3umjVlZg3jwHaFa?pid=ImgDet&rs=1');
    min-height: 100%;
}

body {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    color: hsl(271, 52%, 50%);
    background-color: rgb(229, 169, 246);
    border: 10px solid whitesmoke
}

/*Desaparezcan las barras de aumentar y disminuir numeros*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

header {
    color: hsl(271, 52%, 50%);
    background-color: solid whitesmoke;
    border: 50px solid rgb(247, 244, 247);
}

img#tiendaBb {
    /*rellenar fonde*/
    min-height: 100%;
    min-width: 600px;
    /*escalamiento porcional*/
    width: 100%;
    height: auto;
    /*posicionamiento*/
    /*position: fiexed;
    top: 0;
    left: 0;*/
}

footer {
    text-align: center;
}