.vertical-menu {
}

.vertical-menu a {
    background-color: #d35400; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    font-size: 2vh;
    border-radius: 25px;
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}

.btn {
  -webkit-border-radius: 49;
  -moz-border-radius: 49;
  border-radius: 49px;
  font-family: Arial;
  color: #ffffff;
  font-size: 30px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.btnv {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #8e44ad);
  background-image: -moz-linear-gradient(top, #3498db, #8e44ad);
  background-image: -ms-linear-gradient(top, #3498db, #8e44ad);
  background-image: -o-linear-gradient(top, #3498db, #8e44ad);
  background-image: linear-gradient(to bottom, #3498db, #8e44ad);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnv:hover {
  background: #8e44ad;
  background-image: -webkit-linear-gradient(top, #8e44ad, #3498db);
  background-image: -moz-linear-gradient(top, #8e44ad, #3498db);
  background-image: -ms-linear-gradient(top, #8e44ad, #3498db);
  background-image: -o-linear-gradient(top, #8e44ad, #3498db);
  background-image: linear-gradient(to bottom, #8e44ad, #3498db);
  text-decoration: none;
}

.btnr {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #e74c3c);
  background-image: -moz-linear-gradient(top, #3498db, #e74c3c);
  background-image: -ms-linear-gradient(top, #3498db, #e74c3c);
  background-image: -o-linear-gradient(top, #3498db, #e74c3c);
  background-image: linear-gradient(to bottom, #3498db, #e74c3c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnr:hover {
  background: #e74c3c;
  background-image: -webkit-linear-gradient(top, #e74c3c, #3498db);
  background-image: -moz-linear-gradient(top, #e74c3c, #3498db);
  background-image: -ms-linear-gradient(top, #e74c3c, #3498db);
  background-image: -o-linear-gradient(top, #e74c3c, #3498db);
  background-image: linear-gradient(to bottom, #e74c3c, #3498db);
  text-decoration: none;
}