section{
        align-items: center;
        justify-content: center;
        width: 100%;
}
  .alarm-clock {
    padding: 2rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 10px rgba(30, 30, 30, 0.125);
-moz-box-shadow: 0 0 10px rgba(30, 30, 30, 0.125);
box-shadow: 0 0 10px rgba(30, 30, 30, 0.125);
    text-align: center;
    position: relative;
    background-color: #ffffff;
  }
  .alarm-clock small{
    width: 100%;
    padding: 1rem;
    display: inline-flex;
    justify-content: center;
  }
  .current-time {
    font-size: 2.786rem;
    line-height: 3rem;
    margin: 5rem 0 0;
  }
  .alarm-settings {
    display: inline-flex;
    flex-wrap: wrap;
    background-color: rgba(180, 191, 209, 0.2);
    padding: 2rem;
    border-radius: 1rem;
    justify-content: center;
  }
  .alarm-settings button{
    margin: 0.5rem 1rem 0;
  }
  .alarm-settings button#set-alarm {
    background-color: #5cb771;
    color: #ffffff;
  }
  .alarm-settings button#set-alarm:hover{
    background-color: #4d995e;
  }
  .alarm-settings button#stop-alarm {
    background-color: #dd737d;
    color: #ffffff;
    display: none;
  }
  .alarm-settings button#stop-alarm:hover {
    background-color: #bb626b;
}
  .alarm-settings button:disabled {
    background-color: rgb(180,191,209);
    cursor: not-allowed;
  }
  .alarm-settings input{
    width: 100%;
    text-align: center;
    font-size: 1.357rem;
    line-height: 1.357rem;
    margin: 1rem;
  }
  #alarm-bell {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
  }
  #alarm-bell g{
    fill: transparent;
    stroke: none;
  }
  #alarm-bell.set g{
    fill: #dd737d;
  }
  #logo{
    position: absolute;
    left: 1rem;
    top:1rem;
    height: 2rem;
    cursor: pointer;
  }
#logo svg{
  position: absolute;
  z-index: 0;
}
#logo span{
  padding-left: 3.5rem;
}