body {
  background-color: #1b1b1f;
  color: #f5f4f1;
  font-family: "Inter", sans-serif;
  margin: 0;
}
body a {
  color: #f5f4f1;
}
body a:hover {
  color: #3e63dd;
  transition: color 0.3s;
}

.buckmad-background-image {
  filter: brightness(75%);
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  position: static;
  width: 100%;
  z-index: -1;
}
.buckmad-banner {
  background-image: linear-gradient(30deg, rgb(27.4336283186, 29.6283185841, 34.5663716814), rgb(45.4867256637, 49.1256637168, 57.3132743363));
  border-radius: 20px;
  padding: 5%;
}
.buckmad-banner .thumbnail {
  border-radius: 3px;
  float: left;
  margin: 1rem;
  padding: 0.4rem;
  height: 6rem;
  width: 6rem;
}
.buckmad-button {
  --padding: 2%;
  background-color: #3e63dd;
  border: none;
  border-radius: 30px;
  color: #f5f4f1;
  font-size: 1.15rem;
  font-weight: bolder;
  padding: 1.25%;
  padding-left: var(--padding);
  padding-right: var(--padding);
  transition: background-color 0.3s;
}
.buckmad-button:hover {
  background-color: rgb(83.6806167401, 116.5242290749, 224.8193832599);
  background-image: linear-gradient(45deg, rgb(34.7488986784, 72.563876652, 197.2511013216), rgba(0, 0, 0, 0));
  border: 5rem, rgb(255, 255, 255);
}
.buckmad-button.alt {
  background-color: #32363f;
}
.buckmad-button.alt:hover {
  background-color: rgb(61.2831858407, 66.185840708, 77.2168141593);
}
.buckmad-footer {
  color: rgba(245, 244, 241, 0.662745098);
  margin-top: 5%;
  text-align: center;
}
.buckmad-index {
  position: absolute;
  top: 14rem;
}
.buckmad-line {
  font-weight: 300;
}
.buckmad-line u {
  font-weight: bolder;
}
.buckmad-line u:hover {
  color: #3e63dd;
  transition: color 0.3s;
}
.buckmad-line-tag {
  background-clip: text;
  background-image: -webkit-linear-gradient(120deg, #fe5234 30%, #fe9934);
  color: transparent;
  font-weight: 700;
}
.buckmad-master {
  --margin: 15%;
  margin-left: var(--margin);
  margin-right: var(--margin);
  margin-top: 2.5%;
}
.buckmad-master form {
  display: inline;
}
.buckmad-row {
  list-style: none;
}
.buckmad-row li {
  display: inline;
  margin-right: 1rem;
}
.buckmad-seperator {
  --space: 5rem;
  border-top: 1px solid #f5f4f1;
  margin-top: var(--space);
  margin-bottom: var(--space);
}
.buckmad-team-developer {
  --margin: 2%;
  background-color: #202127;
  border-radius: 10px;
  display: inline-block;
  margin: 0;
  margin-bottom: 1rem;
  margin-left: var(--margin);
  margin-right: var(--margin);
  padding: 2rem;
  text-align: left;
  width: 20rem;
}
.buckmad-team-developer .detail {
  display: inline-block;
  vertical-align: top;
  margin-left: 2.5rem;
}
.buckmad-team-developer .detail .description {
  color: rgba(245, 244, 241, 0.662745098);
}
.buckmad-team-developer .thumbnail {
  background-color: #32363f;
  border-radius: 3px;
  display: inline-block;
  padding: 0.4rem;
  height: 5rem;
  width: 5rem;
}
.buckmad-topbar {
  --margin: 5%;
  --padding: 2%;
  border: none;
  margin-left: var(--margin);
  margin-right: var(--margin);
  margin-bottom: 5%;
  padding: 1%;
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.buckmad-topbar-nav {
  display: inline;
  float: right;
}
.buckmad-topbar-nav a {
  margin-left: 1rem;
  text-decoration: none;
}
.buckmad-topbar-title {
  display: inline;
}
.buckmad-topbar-title a {
  color: #bb781b;
  text-decoration: none;
}

.center {
  text-align: center;
}

/* html::-webkit-scrollbar {
    display: none;
} */

/*# sourceMappingURL=styles.css.map */