:root {
    --spacing-615-rem-24-px: 12px;
}
main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/*Common */

hr {
    width: 100%;
}

.border-left {
    border-left: ridge;
    padding-left: 6%;
}

/*Section titre*/
#title {
    width:60%;
    text-align: center;
    font-size: xxx-large;
}

/*Section login / register*/
#form {
    display: flex;
    flex-direction: row;
    height: 100%;
}

h1 {

    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 63px; /* 131.25% */
    letter-spacing: 0.48px;
}

#login-form, #register-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-615-rem-24-px);
}

label {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

input {
    width: 100%;
}

a {
    color: #ffffff;
    font-weight: bold;
}
