.middle-square{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
    max-width: 100%;
    background:linear-gradient(to bottom, rgb(0, 169, 132), #4babb2);
    overflow-x: hidden;
}

.text-box{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:space-around;
}
.text-box1,.text-box2,.text-box3{
    background-color:rgb(94, 94, 94);
    border:white solid 4px;
    width:min(40em,80%);
    margin:min(1em,5%);
    border-radius:20px;
    overflow-x: hidden;
}

table{
    border-collapse: collapse;
    margin-left:auto; 
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}
th{
    border:#ddddddd5 1px solid;
    background-color: rgb(54, 71, 73);
    text-align: center;
    padding:4px;
    color:white;
}
td{
    border:#ddddddd5 1px solid;
    background-color: rgb(40, 120, 120);
    text-align: center;
    padding:4px;
    color:rgb(255, 255, 255);
}
.first-row{
    width:min(20vw,5em);
}
.second-row{
    width:min(45vw,14em);
}