@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

html {
    position: relative;
    height: 100%;
    width: 100%;
}

body {
    background-color: #2f4ba9;
    height: 100%;
    width: 100%;
    padding: 3rem 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

main {
    background: #FFF;
    /* height: 100%; */
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 20px;
    display: flex;
    margin: 0;
    padding: 0;
    background: url('../images/background.jpg');
    background-size: cover;
    background-position-x: 25%;
    width: 100%;
}

.section-small {
    width: 350px;
    background: rgba(74, 74, 74, 0.9);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.section-big {
    background: #FFF;
    flex: 1;
    padding: 1rem;
    background: url('../images/trans.png');
    background-size: cover;
}

.logo img {
    width: 200px
}

.cap-title {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    font-weight: 600;
}

.input-group {
    height: 45px !important
}

.btn-submit {
    border :0;
    padding: 10px 50px;
    background: #2f4ba9;
    color: #FFF;
}
@media screen and (max-width : 900px) {
    .section-small {
        display : none;
    }
    body {
        padding: 3rem 1rem;
    }
}