*{
    box-sizing:border-box;
    margin: 0;
    padding: 0;
    font-family: cursive, sans-serif;
}
body{
    margin: 1em;
}
.h1txt{
 text-align: center;
 color: rgb(198, 198, 253);
 text-shadow: 2px 2px 4px rgba(0,0,0,1);
}
.box{
    background-color: rgb(243, 240, 240);
    padding: 1em;
    border-radius: .5em;
    margin: 1em;
   
}

.box:hover{
 /*transform: scale(1.1);*/
 box-shadow: 1px 1px 3px darkslateblue;
 transition: 1s ease-in-out;
 align-items: center;
 background-color:rgba(114, 223, 250, 0.3);

}

.container{
    display: flex;
flex-direction: row;
justify-content: space-around;
max-width: 72em;
margin: auto;
}
a{
    text-decoration: none;
    color: rgb(29, 29, 29);
    cursor:pointer;
    padding: 0 30px 0 30px;
}

a:hover{
    color: white;
    transition: 1s ease-in-out;
}
.box button{
    padding: .3em;
    background-color: rgb(179, 179, 253);
    color: rgb(165, 3, 3);
    width:100%;
    border: none;
    transform: rotateX('100deg');
}

.botao{
    align-content: flex-end;
}

.box button:hover{
    background-color: rgb(12, 2, 78);
color: white;
transition: 1s ease-in-out;
}
img{
    width:100%;
}

.h3loja{
    font-size: 1em;
    color: rgb(58, 58, 58);
    text-align: center;
}

.ploja{
    font-size: .9em;
    color: dimgrey;
    text-indent: 1px;
    text-align: center;
}

.lpreco{
    text-align: center;
    color: #606060;
    text-indent: 1px;
}



@media (max-width: 600px){
    .container{
        display: block;
    }

    
.box:hover{
    transform: scale(1.1);
    transition: 1s ease-in-out;
    align-items: center;
   }
    
}