@charset "utf-8";

@media screen and (min-width: 992px) {
    body {
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: auto 1fr auto;
        height: 100vh;
        overflow: hidden;

        background-image: url(../images/bg-pattern-desktop.svg);
    }

    header {
        grid-column: 1 / 2;
        padding: 70px 150px;
    }

    main {
        grid-column: 1 / 2;
        padding: 0px 150px;
        text-align: left;
    }

    picture {
        grid-column: 2/ 3;
        grid-row: 1 / 4;
    }
    
    picture img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
        object-position: top;
    }

    main {
        padding: 0px 150px;
    }

    h1 {
        padding: 20px 0px;
        margin-right: 150px;
        line-height: 40px;
    }

    p {
        margin-right: 0px;
    }

    div#input-email {
        margin: 0px;
    }


    div#input-email button {
        width: 75px;
    }

    div#input-email button:hover {
        width: 90px;
    }

    div#input-email > img#icon-error {
        /* position: absolute; */
        /* top: 50%; */
        right: 100px;
        /* transform: translateY(-50%); */
    }
}