.body_container{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width:100%;
max-width:1000px;
margin-left: auto;
margin-right: auto;
flex: 1;
padding:2% 5%;}

.flex-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
text-align: center;
width:100%;
margin: 1% auto;
}

.flex-item-left {width:60%;}
.flex-item-right {width:30%;}
.flex-item-main {width:90%;}

.flex-item-left, .flex-item-right, .flex-item-main {
margin: 1% 2%;
}

.flex-item-left, .flex-item-right {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

@media screen and (max-width: 620px) {
.flex-item-right, .flex-item-left,.flex-item-main {width:90%;margin: 3% 2%;}
.flex-container {flex-direction: column;}
}

video {
  width: 100%;
  height: auto;
  display: block;
}

table, tr, td {
border: 2px ridge;
padding: 2px 5px;
font-size:clamp(12px, 3vw, 15px);
border-radius: 10px;
}