.left-side {
    background-image:url("../imagens/fundo.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    width: 50vw;
}

.right-side {
    width: 50vw;
    background-color: #f5f5f5;
}

form {
    height: calc(100vh - 100px);
    width: 100%;
    display: flex; 
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;

}

h1{
    text-align: center;
    margin-bottom: 1rem;
    color:#013a81 
}

input[type="text"],input[type="password"] {
    width: 250px;
    padding: .6rem;
    border-radius: 5px;
    border: 2px solid #00000066;
    outline-color: var(--primary-color);
}



input[type="submit"]{
    background-color: #013a81;
    color: #fff;
    width: 250px;
    height: 34px;
    border-radius: 20px;
    border: none;
}

@media screen and (max-width:768px) {
        main{
            display: flex;
            flex-direction: column;
        }


.left-side {

    width: 100vw;
    height: 100px;
}

.right-side {
    width: 100vw;
    height: calc(100vh - 200px);
}

}