.otree-body { max-width: 1200px; } .main_Container{ display: flex; flex-direction: column; margin: 25px; } /* Create two equal columns that floats next to each other */ .main_Column { float: left; width: 50%; padding: 10px; height: 500px; } .left{ overflow-y:auto; } .right{ overflow-y:auto; } .main_Row{ float: top; padding: 10px; } .up{ height: 50%; } .down{ height: 50%; } /* Clear floats after the columns */ .main_Row:after { content: ""; display: table; clear: both; } .round{ text-align: center; font-size: 35px; } .txt{ text-align: center; font-size: 50px; } .buttons{ margin: auto; width: 80%; /*border: 3px solid green;*/ padding: 10px; } .button { background-color: #4CAF50; border: none; color: white; padding: 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 40px; margin-left: 125px; cursor: pointer; border: white; position: relative; top: 35px; border-radius: 10px; } .button1 {border-radius: 10px;} .button2 {border-radius: 10px;} /*admission tables*/ /*admission_table table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; } admission_table th, td { text-align: left; padding: 8px; }*/