@media screen and (max-width: 600px) {
   .container-register {
      width: 90%;
      height: auto;
      padding: 1rem;
   }

   .input {
      width: 100%;
      margin: 0.5rem 0;
   }

   #register-button {
      width: 100%;
   }
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   --bs-gutter-x: 0;
}

.container-register {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   border: #b5179e 1px inset;
   border-radius: 50px;
   background-color: black;
   padding: 3rem;
   margin: auto;
   width: 40vw;
   min-width: 300px;
   height: auto;
   margin: 5rem auto;
   align-items: center;
}

#paragraph-register {
   color: #f72585;
   font-size: 1.5rem;
   animation: fadeOut 3s ease-out infinite;
   animation: pulse 2s infinite;
}

.input {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 1rem auto;
   padding: 0.7rem 2rem;
   border-radius: 5px;
   border: 1px solid #560bad;
}

#register-button {
   width: 60%;
   padding: 0.5rem;
   background-color: #f72585;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
}

#register-button:hover {
   background-color: #b5179e;
}

h2 {
   text-align: center;
   padding: 1rem;
}

.error {
   color: red;
   font-size: 1rem;
   font: bold;
}
#no-account {
   color: white;
}

/* body {
   background-image: linear-gradient(to right, #d76d77, #3a0ca3, #d76d77);
} */
body {
   background-color: black;
}

svg {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: -1;
   pointer-events: none;
}

@keyframes rotate {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

.out-top {
   animation: rotate 40s linear infinite;
   transform-origin: 13px 25px;
}

.in-top {
   animation: rotate 30s linear infinite;
   transform-origin: 13px 25px;
}

.out-bottom {
   animation: rotate 50s linear infinite;
   transform-origin: 84px 93px;
}

.in-bottom {
   animation: rotate 35s linear infinite;
   transform-origin: 84px 93px;
}