#loginRegisterPage{
    width: 100%;
    min-height: 100vh;
    display:flex;
    align-items: center;
    justify-content: center;
}

#loginRegisterForm{
    height: 360px;
    width: 50vw;
    display: flex;
    box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

#loginRegisterFormInput{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 20px;
}

.loginRegisterFormSplit{
    width: 100%;
    height: 100%;
}

img{
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

form{
    width: 100%;
}

#loginRegisterForm input{
    margin-bottom: 18px;
}

main.mainContent section{

    padding:20px;
    padding-top:30px;
    padding-bottom:30px;

}