.brand-text{
  font-family: "Laila", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.08em;
  font-size: 1.15em;
  color: white;
}
.brand-text-highlight{
  color: #c7e8fd;
}

.code-area {
      background-color: #f8f9fa;
      border: 1px solid #ddd;
      padding: 10px;
      font-family: monospace;
      overflow-y: auto;
      height: 150px;
    }
.timer {
      font-size: 2.5rem;
      font-weight: bold;
    }
.code-area-transcribed{
  background-color: #eef9f4;
}