:root{
    --primary: rgb(160,109,242);
    --btn-prim: rgb(204,109,242);
    --btn-hover: rgb(242,109,233);
}

body{
    background-color: var(--primary);
}

.infos {
    width: fit-content;
    max-width: 1200px;
    margin: 10px auto; /* Margem superior e inferior de 10px e margem lateral automática */
    padding: 20px; /* Adicione o preenchimento desejado */
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center; /* Alinha os elementos ao centro horizontalmente */
}

.infos {
    width: fit-content;
    max-width: 1200px;
    margin: 10px auto; /* Margem superior e inferior de 10px e margem lateral automática */
    padding: 20px; /* Adicione o preenchimento desejado */
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center; /* Alinha os elementos ao centro horizontalmente */
}
h1 {
    text-align: center; /* Centraliza o título */
    color: #333; /* Cor do texto */
}

form {
    margin-top: 20px; /* Espaçamento acima do formulário */
}

label {
    display: block; /* Exibe os rótulos como blocos */
    margin-bottom: 5px; /* Espaçamento abaixo dos rótulos */
    font-weight: bold; /* Deixa os rótulos em negrito */
}

input[type="text"],
input[type="date"],
input[type="number"],
button {
    width: 100%; /* Largura total */
    padding: 10px; /* Preenchimento */
    margin-bottom: 10px; /* Espaçamento abaixo */
    border: 1px solid #ccc; /* Borda */
    border-radius: 5px; /* Borda arredondada */
    box-sizing: border-box; /* Garante que o preenchimento e a borda não aumentem a largura total */
}

button {
    background-color: var(--btn-prim); /* Cor de fundo do botão */
    color: #fff; /* Cor do texto do botão */
    border: none; /* Remove a borda do botão */
    cursor: pointer; /* Altera o cursor ao passar o mouse */
    transition: background-color 0.3s; /* Transição suave da cor de fundo */
}

button:hover {
    background-color: var(--btn-hover); /* Cor de fundo do botão ao passar o mouse */
}