body {
  font-family: 'Baloo';
  background-color: #222222;
}

#title h1{
  font-size: 60px;
  color: white;
}

#timer-settings {
  color: white;
  text-align: center;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 20px;
}

button {
  background: none;
  border: none;
  outline: none;
}
.button-heading {
  font-size: 18px;
}
.fa {
  cursor: pointer;
}
.time {
  padding: 0 12px;
  font-size: 2.5em;
}

#pomodoro-clock{
    display: table;
    height: 350px;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-radius: 50%;
    text-align: center;
}
.middle {
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%;
}

.inner {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    height: 96%;
    border-radius: 50%;
    background: #222222;
    text-align: center;

}

#clock-time {
  font-size: 5em;
  color: white;
}

#clock-text {
  font-size: 2.5em;
  color: white;
}


#footer {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  margin-top: 30px;
  width: 100%;
  height: 40px;
  color:white;
}

a,
a:hover,
a:active,
a:visited {
  color: rgba(116,207,122,1);
  text-decoration: none !important;
  outline: none !important;
}