@import url("https://fonts.googleapis.com/css2?family=Aclonica&display=swap");

/* Navigation styles */
.navbar-custom {
  padding: 10px;
  font-size: 17px;
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.navbar-brand {
  font-size: 20px;
  font-weight: bolder;
  color: #ffffff !important;
  letter-spacing: 2px;
  font-family: 'Aclonica', sans-serif;
}

.navbar-nav .nav-link {
  color: #ffffff !important;
  margin: 0 20px 0 10px;
  letter-spacing: 1.5px;
}

.btn-signup {
  color: #f2f2f2 !important;
  border: solid 1px rgba(0,0,0,.2);
  border-radius: 2px;
  background-color: #5ebd00 !important;
  padding: 8px 16px;
}

.btn-signup:hover {
  background-color: #52a800 !important;
}

.navbar-toggler {
  border: solid 1px rgba(0,0,0,.2);
  border-radius: 2px;
  background-color: #5ebd00;
  padding: 4px 8px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28242, 242, 242, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 1.5em;
  height: 1.5em;
}