*{
    margin:0px;
    padding: 0px;
}

body{
    background-color: #add8e6;;
}

.layout{
    width:100%;
    min-height:100%;
    position: absolute;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.layout__main{
    max-width:40rem;
}

.main__inventario{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    gap:1rem;
    margin-top:2rem;
}

.inventario__caja{
    width:8rem;
    height: 8rem;
    border:2px solid black;
    border-radius:5px;
    cursor:pointer;
    background-color: #f3f1f1;
}

.main__almacen{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:1rem;

    height: 50rem;
    border:2px solid black;
    margin-top:2rem; /*Margin arriba*/
    margin-bottom:2rem; /*Margin abajo*/
    border-radius:5px;
    padding:2rem;
}

.almacen__estanteria{
    width:8rem;
    height: 8rem;
    border:2px solid black;
    border-radius:5px;
    cursor:pointer;
    background-color: #ccc;
    box-shadow: 0px 0px 8px gray inset;
}

.main_title{
    font-size:3rem;
    text-align: center;
    
}