*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #f0f0f0;
}

:root {
    --color-caja1: #dffb04;
    --color-caja2: #5e0c3c;
    --color-caja3: #dffb04;
    --color-caja4: #5e0c3c;
    --color-caja5: #dffb04;
    --color-caja6: #5e0c3c;
    --color-caja7: #dffb04;
    --color-caja8: #5e0c3c;
    --color-caja9: #dffb04;
    --color-caja10: #5e0c3c;

}

.container-fluid { 
    width: 100%;
}

.caja1 {
    background-color: var(--color-caja1);
    border: 2px solid #912b2b;
    height: 100px;
}   
.caja2 {
    background-color: var(--color-caja2);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja3 {
    background-color: var(--color-caja3);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja4 {
    background-color: var(--color-caja4);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja5 {
    background-color: var(--color-caja5);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja6 {
    background-color: var(--color-caja6);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja7 {
    background-color: var(--color-caja7);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja8 {
    background-color: var(--color-caja8);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja9 {
    background-color: var(--color-caja9);
    border: 2px solid #912b2b;
    height: 100px;
}
.caja10 {
    background-color: var(--color-caja10);
    border: 2px solid #912b2b;
    height: 100px;
}