#conta {
    background-color: #571dcd;
    height: 500px;
    border-radius: 10px;
    padding: 20px;  
    display: grid;
    justify-content: center;
    align-content: start;
}

body {
    background-color: rgb(226, 223, 223);
    padding: min(5rem, 8%);
    font-family: Poppins;
    color: white;
}

label {
    font-family: Poppins;
    color: white;
}

input {
    height: 40px;
    width: 300px;
    margin-bottom: 20px;
    border-radius: 5px;
    border:0;
    font-family: Poppins;
    background-color: #896fb7;
    color:white;
    transition: border-radius 0.1s ease;
}

input:hover {
    cursor: pointer;
    border-radius: 12.5px;
}

input::placeholder {
    height: 40px;
    width: 300px;
    margin-bottom: 20px;
    border:0;
    font-family: Poppins;
    background-color: #896fb7;
    color:rgba(255, 255, 255, 0.568);
}

button {
    width:auto;
    height:30px;
    font-family: 'Poppins', sans-serif;
    background-color:#896fb7;
    font-family: 'Poppins', sans-serif;
  color:white;
  border-radius: 5px;
 border: 5px;
  border-color: transparent;
  transition: border-radius 0.25s ease-in-out;
  margin-bottom: 7.5px;
  text-decoration: none;
}

button:hover {
    width:auto;
    height:30px;
    font-family: 'Poppins', sans-serif;
    background-color:#896fb7;
    font-family: 'Poppins', sans-serif;
  color:white;
  border-radius: 10px;
  border: 5px;
  border-color: transparent;
    resize: none;
  cursor: pointer;
  text-decoration: none;
}

#submit {
    text-decoration: none !important;
    color: white;
}

a {
    color:white;
}

.side-by-side-container {
  display: flex;
  gap: 16px;
}

#signuu {
    margin-top: 18px;
}

#cred {
    color:black;
}