* {
  font-family: "Montserrat", sans-serif;
}

body {
  position: relative;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

body .bg:nth-child(1) {
  background-image: url(https://i.imgur.com/pQPYKWr.png);
  background-size: cover;
}

body .bg:nth-child(2) {
  background-image: repeating-linear-gradient(157.5deg, black 0px, black 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, black 0px, black 10px, transparent 10px, transparent 11px), -webkit-gradient(linear, left top, right top, from(#ff9206), color-stop(#ff7b00), color-stop(#ff7800), color-stop(#ff8800), to(#ff6c00));
  background-image: repeating-linear-gradient(157.5deg, black 0px, black 10px, transparent 10px, transparent 11px), repeating-linear-gradient(67.5deg, black 0px, black 10px, transparent 10px, transparent 11px), linear-gradient(90deg, #ff9206, #ff7b00, #ff7800, #ff8800, #ff6c00);
  background-size: 120% auto;
  opacity: 0.7;
  -webkit-animation: shine 55s linear infinite;
          animation: shine 55s linear infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 100% center;
  }
}
@keyframes shine {
  to {
    background-position: 100% center;
  }
}

body .bg:nth-child(3) {
  background-image: linear-gradient(-80deg, rgba(0, 0, 0, 0.322) 10%, black 50%, rgba(0, 0, 0, 0.322));
  background-size: 120% auto;
  opacity: 0.97;
  -webkit-animation: shine 55s linear infinite;
          animation: shine 55s linear infinite;
}
@keyframes shine {
  to {
    background-position: 100% center;
  }
}

.text-1n1 {
  background: linear-gradient(35deg, #fdb100 20%, #fd8f00 40%, #fd8700 60%, #fdb100 80%);
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 6s linear infinite;
          animation: shine 6s linear infinite;
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.rounded-s {
  border-radius: 15px;
}

.project, .member {
  background: linear-gradient(-45deg, rgba(245, 245, 245, 0.061) 29%, rgba(245, 245, 245, 0.089) 30%, rgba(245, 245, 245, 0.061) 70%);
  margin-right: 5px;
}

.btn-outline-light {
  color: white;
  border-color: white;
}
.btn-outline-light:hover {
  color: black;
  background-color: white;
  border-color: white;
}

.project, .member {
  width: 18rem;
}

@media (max-width: 768px) {
  .project, .member {
    width: 100%;
    margin-bottom: 15px;
  }

  .building {
    position: fixed;
    opacity: 0.3 !important;
    z-index: -1;
  }
}
.text-light {
  color: rgba(255, 255, 255, 0.842) !important;
}

.members .member {
  background: linear-gradient(-45deg, rgba(245, 245, 245, 0.061) 29%, rgba(245, 245, 245, 0.089) 30%, rgba(245, 245, 245, 0.061) 70%);
  margin-right: 5px;
  border-radius: 15px;
}

.rounded-5 {
  border-radius: 15px;
}

.avatar {
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #fdb100), color-stop(40%, #fd8f00), color-stop(60%, #fd8700), color-stop(80%, #fdb100));
  background: linear-gradient(90deg, #fdb100 20%, #fd8f00 40%, #fd8700 60%, #fdb100 80%);
  background-size: 200% auto;
  -webkit-animation: shine 6s linear infinite;
          animation: shine 6s linear infinite;
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

input[type=text] {
  background: transparent;
  outline: rgba(255, 255, 255, 0.315) 1.5px solid;
}

.building {
  opacity: 0.8;
}