@import "../../Styles/styles.scss";

RaceResultsTable {
  margin: 0 96px;
  flex-direction: column;
  
  .columns {
    font-family: $font-secondary;
    width: 100%;
    background-color: $pk-black;
    color: $pk-white;
    justify-content: space-between;
    padding: 0 32px;
    z-index: 2;
    
    .column {
      width: 300px;
      height: 30px;
      align-items: center;
      
      > label {
        font-size: 40px;
      }
    }
  }
  
  .rows {
    width: 100%;
    background-color: rgba(#043E45, 0.8);
    color: $pk-white;
    font-family: $font-secondary;
    flex-direction: column;
    
    .row {
      width: 100%;
      justify-content: space-between;
      padding: 0 32px;
      background-color: $pk-white;
      color: $pk-black;

      &:nth-child(odd) {
        background-color: rgba($pk-white, 0.6);
      }
      
      .cell {
        width: 300px;
        padding: 4px 0;
        
        > label {
          font-size: 24px;
        }
      }
    }
  }
}