@import url(/assets/css/theme.css);


main{
    display: block;
    position: fixed;
    top: 30%;
    bottom: 30%;
    align-self: center;
    justify-content: center;
    justify-self: center;
    width: 50%;
    h1{
        font-size: 11px;
    }
    form{
        button{
            text-align: center;
            width: 50%;
            height: 35px;
            background-color: #00103e;
            color: white;
            font-family: var(--subtitle);
            font-weight: 700;
            border: none;
            border-radius: 10px;
        }
    }
    p{
        text-align: center;
    }
}

.user-input{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    input{
        width: 50%;
        height: 35px;
        background-color:rgb(240, 245, 255);
        border:none;
        border-radius: 10px;
        font-family: var(--subtitle);
        font-weight: 600;
        padding: 0px 10px 0px 10px ;
    }
    input:focus{
            outline: none;
        }
}

.consent{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    input{
        height: 15px;
        width: 50px;
        accent-color: #00103e;
    }
    p{
        font-size: 12px;
        text-align: left;
    }
}