body {
    background: url('/assets/images/default.png') no-repeat center center fixed;
    background-size: cover;
    color: #eee;
    font-family: 'Verdana', sans-serif;
}
.navbar, .dropdown-menu {
    background-color: #222 !important;
}
a, .navbar-brand {
    color: #ff9900 !important;
}
a:hover {
    color: #ffcc00 !important;
}
.card {
    /* background-color: rgba(33, 33, 33, VAR_OPACITY); */
    border: 1px solid #444;
    color: #f8f8f8;
}

.card {
    /* background-color: rgba(33, 33, 33, VAR_OPACITY); */
    border: 1px solid #444;
    color: #f8f8f8;
    transition: box-shadow 0.4s ease-in-out;
}

.card:hover {
    box-shadow: 0 0 20px rgba(255, 0, 50, 0.6), 0 0 40px rgba(255, 100, 100, 0.3);
}

.btn, button {
  all: unset;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 0.5rem 1.25rem;
  background-color: #fff;
  color: #222;
  border: 2px solid #222;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btn:hover, button:hover {
  background-color: #222;
  color: #fff;
}



input[type="submit"] {
  all: unset;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

input[type="submit"] {
  font-family: Arial, sans-serif;
  background-color: #fff;
  color: #222;
  border: 2px solid #222;
}
input[type="submit"]:hover {
  background-color: #222;
  color: #fff;
}