html
{
  background-color:#faebd7;
}
body a
{
  color: black;
}
body a:hover
{
  transform: scale(1.4);
  transition:0.5s;
}
header
{
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 3px;
  text-align: center;
  width: 100%;
  background-color: #faebd7;
  box-shadow: 5px 5px 5px #E2CCAF;
}
header h1
{
  font-size: 20pt;
  margin-bottom: 3px;
}
header a
{
  text-decoration: none;
}
section
{
  text-align: center;
  width: 100%;
  background-color: #FAEFE0;
  padding: 5px 0px 5px 0px;
}
#reci
{
  width:20rem;
  height:18.5rem;
  padding: 10px 5px;
  justify-self: center;
  background-color: #F8E4CA;
  box-shadow: 5px 5px 5px #E2CCAF;
  border-radius: 5%;
  margin: 1rem;
}
main #reci
{
  display:inline-block;
  vertical-align: top;
}
#reci h2, img, a
{
  display:inline;
}
#reci a, p, h2, img
{
  text-decoration: none;
}
img
{
 border-radius: 5%; 
 margin-bottom:16px;
}
footer
{
  background-color: #faebd7;
  width: 100%;
  text-align: center;
  padding-top: 8px;
}
footer h3
{
  font-size: 15pt;
}
h2:hover
{
  transform: scale(1.4);
  color: red;
  transition: 0.5s;
}
.menu li
{
  display: inline;
  margin-top: 4px;
}
.menu li, a:hover
{
  color: red;
  transform: scale(1.4);
  transition: 0.5s;
}
.deku p
{
  font-size:2rem;
  margin-bottom:1rem;
  color:#000000;
}
.deku
{
  margin-top: 8px;
  background-image:url('background_bl.png');
  background-repeat:no-repeat;
  background-size:cover;
}
.btn-custom {
    background-color: #A0968630;
    color: #F8E4CA;
    border: 2px solid #F8E4CA;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 40px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-custom:hover {
    background-color: #F8E4CA;
    color: black;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px #3C232384;
}
.hero {
  text-align: center;
  padding: 6rem 2rem;
}
#imgs img
{
  width:50px;
  margin-right: 4px;
}
#imgs img
{
  display:inline;
}
footer h3
{
  margin-top: 8px;
}
.imagem1:hover
{
  content:url("instagram_2.png");
  transition: 0.5s;
}
.imagem2:hover
{
  content:url("pinterest_2.png");
  transition: 0.5s;
}
.imagem3:hover
{
  content:url("x_1.png");
  transition: 0.5s;
}
.imagem4:hover
{
  content:url("facebook_2.png");
  transition: 0.5s;
}
footer a
{
  text-decoration:none;
}
.scale:hover
{
  display: inline-block;
  transform: scale(1.4);
  transition: font-size 0.5s ease;
  transition:0.5s;
  margin-left: 20px;
  margin-right: 20px;
}
#reci:hover
{
  display: inline-block;
  vertical-align: top;
  transform: scale(1.1);
  transition: font-size 0.5s ease;
  transition:0.5s;
  box-shadow: 0 10px 25px #E2CCAF;
}