* {
    margin: 0;
    padding:0;
}


body {
    margin:10px;
    padding:10pxpx;
}

H1 {
    padding: 1px;
    margin: 1px;
    background-color:blue;
    color:black;
    text-align: center;
    font-size: 30px;
}

video {
    margin: 10px;
    padding: 10px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-container.caja {
    padding:1px;
    margin:1px;
    border:2px solid blue;
    text-align: center;
    width: 500px;
    height:500px;
}

.flex-container.caja.parrafo1 {
    font-size:medium;
    background: black;
    color: white;
    padding:0;
    margin:0;
    margin:1px;
    padding:1px;
}
.parrafo1 {
    background-color:rgba(100, 148, 237, 0.329);
    color:black ;
    margin:1px;

}
.parrafo2 {
    background-color: white;
    color:blue ;
    margin:1px;
    font-size:20px;
}
/*
.parrafo5 {
    margin:1000px;
    width:800px;
    height:800px;

}

video {
    object-fit: contain;
    overflow-clip-margin:contex-box ;
    overflow: ; clip: ;
}  
*/
.caja1 {
    background-color:yellow;
    width:800px;
    height:800px;
    float:left;
}
.caja1.parrafo5 {
    width: 500px;
    height: 500px;
}
.caja2 {
    background-color:rgb(47, 0, 255);
    width:300px;
    height:300px;
    float:left;
}