body {
  font-family: Rubik;
  position: relative;
}

h1 {
  font-family: Aldrich;
}

caption {
  padding: 10px;
  caption-side: bottom;
}

.discord-button {
  background-color: #7258f2 !important;
}

.rctf-button {
  background-color: #d73737 !important;
}

.student-button {
  background-color: #1c71d8 !important;
}

.ctftime-button {
  background-color: #606060 !important;
}

.sponsor img {
  max-width: 300px;
  margin: 0 10px;
}

.faq {
  display: flex;
  flex-flow: column nowrap;
  gap: 1em;
}

.faq .question {
  font-weight: bold;
}

#logo-container {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 1em;
  margin-bottom: 1.5em;
}

#logo-canvas {
  position: absolute;
  top: -22px;
  left: -110px;
  width: 440px;
  height: 264px;
}

#logo-container>svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer img {
  max-width: 100%;
  max-height: 100px;
  margin: 10px;
  display: inline;
}

.footer .fab {
  padding: 5px;
  width: 90px;
}

.schedule {
  display: flex;
  flex-flow: column nowrap;
  gap: 1em;
}

.day-info {
  font-weight: bold;
}

.day-title {
  font-weight: bold;
}

.fa-twitter {
  color: #55acee;
}

.fa-instagram {
  color: #c13584;
}

.sponsor {
  font-style: italic;
}

.card-footer-item {
  text-align: center;
}

#cube-background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background-color: black;
}