@media screen and (min-width: 500px) {
    #container-search {
        right: 30px;
        bottom: 30px;
        width: 60px;
        height: 60px;
    }
    main {
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        width: 400px;
    }
}

@media screen and (min-width: 750px) {
    .message-flash-info{
        font-size: 1.1em;
    }
    

    /*ESTILIZANDO O MEU BOTÃO DE INICIO DE SESSÃO*/
    .container-session-init {
        margin-top: 15px;
        width: 250px;
        height: 100px;
        gap: 40px;
    }

    .hand {
        position: relative;
        width: 100%;
    }

    .hand img {
        position: absolute;
        right: -10px;
        top: -60px;
        transform: rotate(260deg);
        width: 60px;
        height: 60px;
        z-index: 2;
        animation: indicator 1.5s ease-in infinite;
    }

    .session-init {
        width: 100%;
    }

    .session-init a {
        text-align: center;
        width: 200px;
        padding: 3px;
        border-radius: 40px;
        font-size: 1em;
        background-color: rgb(255, 165, 0);
        color: #000000;
        font-weight: bolder;
        animation: ind 1.5s ease-in infinite;
    }

}