/* style sheet */ * { box-sizing: border-box; } .row { display: flex; } .column1 { flex: 70%; } .column2 { flex: 30%; } .column { flex: 50%; padding-right: 5px; } table { background-color: rgb(219, 255, 235); margin: 0 auto; font-size: large; border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid black; } h1 { text-align: center; color: black; font-size: xx-large; font-family: 'Gill Sans', 'Gill Sans MT', ' Calibri', 'Trebuchet MS', 'sans-serif'; } h2 { text-align: center; color: black; font-size: large; font-family: 'Gill Sans', 'Gill Sans MT', ' Calibri', 'Trebuchet MS', 'sans-serif'; } th, td { background-color: rgb(219, 255, 235); font-weight: bold; border: 1px solid black; padding: 10px; text-align: center; } @media screen and (max-width: 800px) { .column { float: none; width: 100%; } table { background-color: rgb(219, 255, 235); margin: 0 auto; font-size: medium; border-collapse: collapse; border-spacing: 1; width: 100%; border: 1px solid black; } h1 { text-align: center; color: black; font-size: large; font-family: 'Gill Sans', 'Gill Sans MT', ' Calibri', 'Trebuchet MS', 'sans-serif'; } h2 { text-align: center; color: black; font-size: large; font-family: 'Gill Sans', 'Gill Sans MT', ' Calibri', 'Trebuchet MS', 'sans-serif'; } th, td { background-color: rgb(219, 255, 235); font-weight: bold; border: 1px solid black; padding: 10px; text-align: center; } } td { font-weight: lighter; } body::-webkit-scrollbar { display:none }