body,html {
    margin: 0;
    padding: 0;
    background-color: #12181B;
    background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url("https://source.unsplash.com/1920x1080/?Landscape");
    background-repeat: no-repeat;
    background-size: cover;
}
* {
    box-sizing: border-box;
}

.container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#date {
    font-family: 'Kumbh Sans', sans-serif;
    font-size: 4vw;
    color: white;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

#clock {
    font-family: 'Kumbh Sans', sans-serif;
    font-size: 12vw;
    color: white;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

.buttons {
    font-weight: bold;
    border-radius: 5px;
    color: white;
    padding: .5rem;
}

.alarm-set {
    background-color: #366800;
    font-family: 'Kumbh Sans', sans-serif;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: white;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1vw;
    transition-duration: 0.4s;
}

  .alarm-set:hover {
    background-color: #4CAF50;
  }

.alarm-clear {
    background-color: #af0023;
    font-family: 'Kumbh Sans', sans-serif;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    color: white;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1vw;
    transition-duration: 0.4s;
}

.alarm-clear:hover {
    background-color: #ac3b3b;
  }

#input-date {
    font-family: 'Kumbh Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.5vw;
    background: linear-gradient( rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4) );
    color: white;
    border: none;
    border-radius: 5px;
}

.radio-buttons {
    color: white;
    font-family: 'Kumbh Sans', sans-serif;
    padding: 0px 0px 10px;
}