body{
    background-color:#f1f1ee;
      font-family: 'Nunito', sans-serif;
}

.dial{
    width:60%;
    margin: auto;
    z-index: 0;
}

.below{
  font-size: 14px;
}



a:link {
  color: black;
  text-decoration: none;
}
a:hover {
  color: pink;
  text-decoration: none;
}


#button1:hover {
    opacity: 100%;
  }


#button2:hover {
   opacity: 100%;
}

#button3:hover {
  opacity: 100%;
}

#button4:hover {
    opacity: 100%;
}

#button5:hover {
  opacity: 100%;
}


#button6:hover {
    opacity: 100%;
}


#button7:hover {
  opacity: 100%;
}

#button8:hover {
  opacity: 100%;
}

#button9:hover {
  opacity: 100%;
}

#button10:hover {
    opacity: 100%;
}

#button11:hover {
  opacity: 100%;
}


#button12:hover {
  opacity: 100%;
}

#button13:hover {
    opacity: 100%;
}

#button14:hover {
    opacity: 100%;
}

#button15:hover {
  opacity: 100%;
}


#button16:hover {
  opacity: 100%;
}


#button17:hover {
opacity: 100%;
}

#button18:hover {
  opacity: 100%;
}

#button19:hover {
    opacity: 100%;
}

#button20:hover {
  opacity: 100%;
}

#button21:hover {
  opacity: 100%;
}




#button22:hover {
    opacity: 100%;
  }


#button23:hover {
   opacity: 100%;
}

#button24:hover {
  opacity: 100%;
}

#button25:hover {
    opacity: 100%;
}

#button26:hover {
  opacity: 100%;
}


#button27:hover {
    opacity: 100%;
}


#button28:hover {
  opacity: 100%;
}

#button29:hover {
  opacity: 100%;
}

#button30:hover {
  opacity: 100%;
}

#button31:hover {
    opacity: 100%;
}

#button32:hover {
  opacity: 100%;
}


#button33:hover {
  opacity: 100%;
}

#button34:hover {
    opacity: 100%;
}

#button35:hover {
    opacity: 100%;
}

#button36:hover {
  opacity: 100%;
}


#button37:hover {
  opacity: 100%;
}


#button38:hover {
opacity: 100%;
}

#button39:hover {
  opacity: 100%;
}

#button40:hover {
    opacity: 100%;
}

#button41:hover {
  opacity: 100%;
}

#button42:hover {
  opacity: 100%;
}

#button43:hover {
  opacity: 100%;
}

#button44:hover {
    opacity: 100%;
}

#button45:hover {
    opacity: 100%;
}

#button46:hover {
  opacity: 100%;
}


#button47:hover {
  opacity: 100%;
}


#button48:hover {
opacity: 100%;
}

#button49:hover {
  opacity: 100%;
}

#button50:hover {
    opacity: 100%;
}