body {
font-family: font-family: 'Roboto', sans-serif;

}
.button {
  box-shadow:inset -50px -50px 0px -50px #e1ff00;
  background:linear-gradient(to bottom, #000000 5%, #000000 100%);
  background-color:#000000;
  border:1px solid #b5f700;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
font-family: font-family: 'Roboto', sans-serif;
  font-size:17px;
  font-weight:bold;
  padding:12px 61px;
  text-decoration:none;
}
.button:hover {
  background:linear-gradient(to bottom, #000000 5%, #000000 100%);
  background-color:#000000;
}
.button:active {
  position:relative;
  top:1px;
}
.login {
  background-color:#e9fa00;
  border-radius:28px;
  border:1px solid #010a02;
  display:inline-block;
  cursor:pointer;
  color:#000000;
font-family: font-family: 'Roboto', sans-serif;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #000000;
}
.login:hover {
  background-color:#c4d108;
}
.login:active {
  position:relative;
  top:1px;
}
.register {
  background-color:#000000;
  border-radius:35px;
  border:2px solid #fff200;
  display:inline-block;
  cursor:pointer;
  color:#c6e000;
font-family: font-family: 'Roboto', sans-serif;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #cdff03;
}
.register:hover {
  background-color:#1a1705;
}
.register:active {
  position:relative;
  top:1px;
}
.buttonl {
  background-color:#fff200;
  border-radius:42px;
  border:3px solid #f7e816;
  display:inline-block;
  cursor:pointer;
  color:#000000;
font-family: font-family: 'Roboto', sans-serif;
  font-size:28px;
  padding:22px 29px;
  text-decoration:none;
  text-shadow:0px 1px 0px #cdff03;
}
.addon:hover {
  background-color:#aeeb05;
}
.addon:active {
  position:relative;
  top:1px;
}