@media (width >=1025px) {

    h1 {
        font-size: 4rem;
    }

    .layout {
        margin-top: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 2rem;

        .article-img {
            justify-content: flex-end;
        }

        .datos-clima {
            flex-basis: 60%;
            align-items: center;

            .datos__input__btn {
                flex-flow: row nowrap;
            }

            select.lista-ciudades {
                width: 50rem;
                margin-left: 0;
            }

            .resultado {
                width: 80%;
                flex-flow: row nowrap;
                justify-content: space-evenly;
                align-items: center;

                .resultado__temperatura {

                    .tipo-clima {
                        text-align: left;
                    }
                }
            }
        }

    }

    footer {
        .social-icons a:hover {
            transform: rotate(-10deg);
        }
    }
}