body {
    background-image: url(fundinho.png);
}

.imggrid{
    width: 400px;
    height: 400px;
    border-radius: 15px;
    box-shadow: 0 7px 8px rgba(26, 56, 2, 0.1);
}

.textinho{
    margin-left: 7rem;
    color: antiquewhite;
    display: flex;
}

.textao{
    margin-right: 7rem;
    color: antiquewhite;
    display: flex;
}

.inicio{
    padding-bottom: 10rem;
}

.contat{
    width: 200px;
    height: 30px;
    border-radius: 5px;
    background-color: #DEE64C;
    border-style: hidden;
    color: #38520c;
}

.contat:hover{
    background-color: #81B622;
    color:rgb(52 82 4);
}

/* Mídia mudando de tamanho, ou seja, responsividade*/

@media screen and
(min-width: 200px) and
(max-width: 640px){
    .textao{
        margin-right: 0rem;
        font-size: small;
    }
    .textinho{
        margin-left: 0rem;
        font-size: small;
    }
}