body {
    padding: 0px;
}

.container {
    max-width: 600px;
    margin: auto;
}

video {
    width: 100%;
    height: auto;
}

#switchCameraButton {
    display: none;
}

@media (max-width: 768px) {
    #switchCameraButton {
        display: block;
        margin: 0 auto;
        background-color: #0000ff;
    }
}


.form-inline {
  display: flex;
  align-items: center;
  gap: 10px; /* space between each label/input */
  flex-wrap: wrap; /* ensures it wraps nicely on small screens */
  margin-bottom: 15px;
}

.form-inline label {
  white-space: nowrap;
  font-weight: 500;
}

.form-control {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#recordingIndicator {
    font-size: 1.2rem;
}