phattharaphon45th/Cell_Classification

1body {2    font-family: 'Tahoma';3    margin: 0;4    padding: 0;5}6.header {7    background-color: rgb(0, 0, 0);8    padding: 20px;9    text-align: center;10}11.container {12    display: flex;13    justify-content: space-between;14}15.column {16    width: 50%;17}18.column-left {19    background: linear-gradient(90deg, #0097b2, #7ed957);20    padding: 20px;21}22.column-right {23    background: linear-gradient(-90deg, #ff3131, #ff914d);24    padding: 20px;25}26.title {27    font-size: 50px;28    color: white;29    font-weight: bold;30    margin: 0;31    text-align: center;32}33.row-title {34    font-size: 36px;35    font-weight: bold;36    text-align: center;37    margin-top: 30px; 38}39.image-grid {40    display: flex;41    flex-wrap: wrap;42    gap: 5px; /* Adjust this value to make the images closer */43    justify-content: center;44    margin-top: 20px;45}46.image-container {47    text-align: center;48    width: calc(50% - 5px); /* Each image takes up half the width of the container, minus the gap */49}50.image-container img {51    max-width: 75%; /* Adjust this value to make the images smaller */52    max-height: 75%; /* Adjust this value to make the images smaller */53    height: auto;54    display: block;55    margin: 0 auto;56}57.image-container .caption {58    margin-top: 20px;59    font-size: 1.5vw; /* Responsive font size */60}61.button-container {62    text-align: center;63}64.button-container button {65    padding: 10px 20px;66    font-size: 16px;67    cursor: pointer;68}