body {
    margin: 0;
    font-family: Arial;
    background: #ffe100;
    color: rgb(33, 60, 200);

    display: flex;
    justify-content: center;
    align-items: center;

    min-height: 100vh;
}

header{
    width: 100%;
    position: absolute;
    text-align: center;
    height: 100px;

}

.container {
    max-width: 100%;
    text-align: center;
}

.brand{

font-family: "Bebas Neue", sans-serif;
    font-size: 100px;
    width: 100%;
    height: 400px;
    line-height: 200px;

}


.main{width: 100%;}


body {
  background: linear-gradient(-45deg, #ffff00, #ffd903, #FF8800, #fff5ad);
  background-size: 400% 400%;
  animation: gradientBG 12s ease infinite;
  min-height: 100vh;
}

@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}