body {
  font-family: 'Poppins', arial, serif;
  display: flex;
  align-items: center;
  place-content: center;
  grid-auto-flow: column;
  flex-direction: column;
  height: 90vh;
  /* width: 100vw; */
  background: linear-gradient(45deg, #4e4e4e, #666666, #1a1919);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
}

.main {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
  text-align: center;
  place-content: center;
  grid-auto-flow: column;
}


.logo {
  height: 10vh;
  display: flex;
  align-items: center;
}

.word {
  margin-right: 10%;
}

.logo img {
  height: 50%;
}

.c {
  height: 90% !important;
}

.main h1 {
  margin: auto;
  color: white;
  font-weight: 300;
  font-size: 2vh;
}
.footer {
  /* margin: 0 auto; */
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.footer p {
  font-size: 1.8vh;
  margin-right: 2em;
  color: rgb(187, 187, 187);
  font-weight: 200;
  margin-bottom: 2vh;
}



#test {
  color: #d3d3d3;
  background-color: #003366;
  background-image: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.6) 0px,
    rgba(255, 255, 255, 0) 100%
  );
  height: 200px;
  width: 500px;
}

/* .box {
  width: 40vw;
  background-repeat: no-repeat;
  height: 10vh;
  background: linear-gradient(
      to right,
      #e2e2e2,
      #7c7c7c,
      #bbbbbb,
      #e2e2e2,
      #7c7c7c,
      #bbbbbb,
      #e2e2e2
    )
    right/200% 100%;
  -webkit-mask: url('./briklane-logo.svg') center/contain no-repeat;
  mask: url('./briklane-logo.svg') center/contain;

  animation: change 2s infinite linear;
} */

@keyframes change {
  to {
    background-position: left;
  }
}