body {
  background-color: black;
  color: black;
  font-family: Felipa;
  margin: 10px;
  min-height: 100vh;
}

/* Grunge Texture */
/*
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/noise.jpg');
  object-fit: fill;
  opacity: 0.05;
  pointer-events: none;
}
*/
body::before {
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 250px;

  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(ellipse at 40% 100%, rgba(255,255,255,0.04), transparent 70%),
    radial-gradient(ellipse at 80% 100%, rgba(255,255,255,0.03), transparent 80%);

  filter: blur(50px);
  opacity: 0.6;

  animation: mistDriftReverse 90s linear infinite;
}

@keyframes mistDriftReverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

body::after {
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 400px;

  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(ellipse at 20% 100%, rgba(255,255,255,0.08), transparent 60%),
    radial-gradient(ellipse at 60% 100%, rgba(255,255,255,0.06), transparent 70%),
    radial-gradient(ellipse at 90% 100%, rgba(255,255,255,0.05), transparent 80%);

  filter: blur(30px);
  opacity: 0.6;

  animation: mistDrift 60s linear infinite;
}

@keyframes mistDrift {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Scanlines */
/*
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.15) 0px,
    rgba(255,255,255,0.15) 1px,
    transparent 2px
  );

  pointer-events: none;
  z-index: 999;
}

*/

a { color: inherit; }

.container {  
    margin: auto;
    width: 1400px;
    height: auto;
    background: #171717;
}

.header { 
    height: 75px;
    background: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.form { 
    height: 2400px;
    background: gray;
    margin-right: 25px; margin-left: 25px;
}

.footer { 
    height: 50px;
    margin-bottom: 15px;
    background: white;
}

.header-button {
    background: black;
    color: white;
    width: 150px;
    height: 50px;
    border-radius: 15px;
    margin-right: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .header-button:hover {
    background: grey;
  }