:root {
  --tylerray-gradient-position: 0% 50%;
  --bs-secondary-bg: #fbc7d4;
  --gradient-angle: 135deg;
  --website-gradient: linear-gradient(var(--gradient-angle),#fbc7d4,#9796f0,#97f096);
  --test-gradient: linear-gradient(135deg,rgba(241, 204, 255, 1) 0%, rgba(166, 136, 194, 1) 14%, rgba(136, 139, 194, 1) 28%, rgba(136, 194, 194, 1) 42%, rgba(136, 194, 142, 1) 56%, rgba(194, 194, 136, 1) 70%, rgba(194, 136, 136, 1) 84%, rgba(241, 204, 255, 1) 100%);
}

.tag {
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 75%;
  font-weight: bold;
  text-align: center;
  border-radius: 100px;
  border-color: #161719;
  border-style: solid;
  border-width: 1px;
  white-space: nowrap;
  text-wrap: nowrap;
}

nav {
  background-color: orange;
}

.navbar a {
  border-radius: 5px;
}

.navbar a:hover, .navbar button:hover {
  transition: all 200ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.25);
}

.navbar-gradient-background {
  background: var(--test-gradient);
  background-attachment: fixed;
  background-size: 180vw 180vh;
  background-position: var(--tylerray-gradient-position);
}

.bg-secondary {
  background-color: #fbc7d4;
}