table.css

caption{
    caption-side: top;
 }
 .table1{
     border-collapse: collapse;
     text-align: center;
     width: 100%;
     text-transform: uppercase;
     border: 3px solid black;
     font-weight: 500;
     font-size: larger;
     max-width: fit-content;
     margin-left: auto;
     margin-right: auto;
 }
 .table1 th{
     padding: 20px;
     border: 4px solid black;
 }
 .table1 td{
     padding: 20px;
     border: 2px solid black;
 }
 /* .td1{
     writing-mode: tb-rl;
     text-orientation: upright;
     text-align: center;
 } */
 .table2{
     border-collapse: collapse;
     width: 87%;
     margin-left: auto;
     margin-right: auto;
     border: 3px solid black;
 }
 .table2 th{
     text-transform: uppercase;
     text-align: left;
     width: 20%;
     border: 2px solid black;
 }
 .table2 td{
     border: 2px solid black;
 }
 
 .span1{
     margin-left: 600px;
     font-size: larger;
 }
 .span2{
     margin-left:420px;
     font-size: larger;
 }
 .case{
     text-transform: lowercase;
 }
 .table3{
     width:87%;
     margin-left: auto;
     margin-right: auto;
     font-size: larger;
 }
 .center{
     font-size: larger;
 }
 .table4{
     margin-left: 6%;
     margin-right: auto;
     font-size: larger;
 }
 .table4 th{
     text-align: left;
 }
 .img{
     height: 60%;
     width: 60%;
 }
 .space2{
     font-size: smaller;
 }
 .space{
     font-size: 25px;
     letter-spacing: 2px;
 }
 .div1{
     display: flex;
     flex-flow: row;
     /* padding: 2rem, 2rem; */
     /* align-items: center; */
     /* position: fixed; */
     
    
 }
 .div2{
     margin-left: 6%;
     text-align: center;
     margin-top: 4%;
 }
 .div3{
     flex: 1;
     text-align: center;
     margin-right: 15%;
     margin-top: 2%;
 }