body {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  height: 1px;
  margin: 0;
  background-color: #252525;
  color: #ffffff;
}

.table-container {
  display: flex;
  flex-wrap: wrap;
}
.csv-table {
  flex: 0 0 22%;
  border: 1px solid #ddd;
  margin: 5px;
}
  
  .column1 {
    background-color: #252525;
    color: rgb(224, 255, 47); 
    text-align: center;
    padding: 0.25px;
  }
  .column2 {
    background-color: #252525;
    color: white; 
    text-align: center;
    padding: 0.25px;
  }
  .column3 {
    background-color: #252525; 
    color: white;
    text-align: center;
    padding: 0.25px;
  }

  .row1{
    background-color: darkcyan;
    
  }
  .row2{
    background-color: cadetblue;
  }


  /* 모바일용 UI 크기 */
@media (max-width: 600px) {
  .csv-table {
    flex: 0 0 40%;
    border: 0px solid #ddd;
    margin: 2px;
  }

  .column1 {
    background-color: #252525;
    color: rgb(224, 255, 47); 
    text-align: center;
    padding: 0.1px;
  }
  .column2 {
    background-color: #252525;
    color: white; 
    text-align: center;
    padding: 0.1px;
    width: 6em;
  }
  .column3 {
    background-color: #252525; 
    color: white;
    text-align: center;
    padding: 0.1px;
    width: 4em;
  }

  .row1{
    background-color: darkcyan;
    
  }
  .row2{
    background-color: cadetblue;
  }
}