.lora-400 {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.lora-500 {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: "Lora";
}

html * {
    font-family: "Lora", Georgia, 'Times New Roman', Times, serif;
}

main div.timer {
    box-sizing: border-box;
    display: inline-block;
    width: 100vw;
    height: 40vh;
}

div.holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

p.timerText {
    font-size: 20vh;
    padding: 1vh;
    margin: 1vh;
    color: #04002d;
    /* color: #ecede8; */
}

div.timer {
    display: flex;
    place-items: center;
    margin: auto;
    max-width: 90vw;
    margin: 2vh auto;
}

div.timer input {
    width: 50%;
    min-width: 30px;
    max-width: 150px;
    height: 30px;
    padding: 5px;
}

main div#middleBar {
    height: 12vh;
    background-color: #c0cfb2;
    /* background-color: #8ca78a; */
    /* background-color: #48644d; */
    display: flex;
}

div.top-clock {
    background-color: #8ca78a;
    /* background-color: #48644d; */
    /* background-color: #253528; */
}

div.bottom-clock {
    background-color: #ecede8;
    /* background-color: #c0cfb2; */
    /* background-color: #8ca78a; */

}

#middleBar button {
    margin: auto;
    box-sizing: border-box;
    border-radius: 4px;
    border-style: solid;
    border-color: rgb(119, 125, 125);
    background-color: rgb(246, 249, 248);
    height: 75%;
    width: 30%;
    /* aspect-ratio: 1.5; */
}

.submitButton {
    margin: 5px auto;
    cursor: pointer;
    min-width: 80px;
    height: 30px;
}

div.submit {
    align-content: end;
}

div.submit * {
    border-style: solid;
    border-color: rgb(119, 125, 125);
    background-color: rgb(246, 249, 248);
    max-height: 30px;
    box-sizing: border-box;
    /* padding-top: 5px; */
    border-radius: 4px;
}

div.submit input {
    text-align: left;
}

.error {
    font-size: 2.5vh;
    margin-top: 0.5vh;
}