$button-color: #4CAF50;
$button-background: white;
$row-even-background: transparent;
$row-odd-background: rgba(138, 230, 141, 0.7);
$log-rows-font-size: 16px;

.button {
  transition-duration: 0.2s;
  border: 2px solid $button-color;
  border-radius: 4px;
  padding: 10px 24px;
  background-color: transparent;
  font-size: 18px;
}

.button:hover {
  background-color: $button-color; /* Green */
  color: $button-background;
}

.logsContainer {
    width: 50%;
}

.buttonContainer {
    display: flex;
    justify-content: space-evenly;
}

.rowsContainer {
    height: 500px;
    overflow: auto;
}

.rows {
    padding: 10px;
    overflow-y: scroll;

    .even {
        background-color: $row-even-background;
        font-size: $log-rows-font-size;
    }

    .odd {
        background-color: $row-odd-background;
        font-size: $log-rows-font-size;
    }
}