*{
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}

body{
    background-color: #000;
    color: #fff;

    height: 100vh;
    background: radial-gradient(circle at top left, #ff6ea1, transparent 40%),
              radial-gradient(circle at top right, #9a4eff, transparent 40%),
              radial-gradient(circle at bottom left, #2f64ff, transparent 40%),
              radial-gradient(circle at bottom right, #ff3d3d, transparent 40%),
              #000000;

    background-size: 200% 200%;
    animation: moveGradient 5s infinite alternate ease-in-out;
    background-attachment: fixed;
    
}

.main{
    padding: 2rem;
    margin: 1rem;
    border: 1px solid #fff;
    border-radius: 1rem;
}

.main .carimbo{
    display: flex;
    justify-content: flex-end;
}

.main .carimbo img{
    width: 80px;
    margin: 25px 0 0 0;
}


@media only screen and (min-width: 768px) {
    .main{
        max-width: 1024px;
        margin: 1rem auto;
    }
}

/* mexendo o background */

@keyframes moveGradient {
  0% {
    background-position: top left, top right, bottom left, bottom right, center;
  }
  50% {
    background-position: 20% 30%, 80% 20%, 30% 80%, 70% 70%, center;
  }
  100% {
    background-position: top left, top right, bottom left, bottom right, center;
  }
}