* {
    font-family: var(--font-family);
}
p {
    font-size: var(--font-size-lg);
    font-weight: 400;
    margin: 0;
}

#sign_up{
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    background: url('/assets/background_5.png');

    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.button {
    padding: var(--space-xl);
}

#reg-submit, #code-submit{
    padding: var(--space-sm);
}

.code-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:var(--space-md)
}
.formWrap {
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.signUpContainer {
    width: auto;

    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:baseline;
    padding: var(--space-xl);
    
    
    background-color:var(--bg-normal);
    border-radius: var(--radius-xxl);
    color: var(--primary-dark);
    font-size: var(--font-size-xl);
}

/*Comeca desativado ate o codigo ser validado*/
.sign_up-wrap {
    display: flex;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap:var(--space-md);

}