body{

font-family:cairo;

background:#f4f6fb;

}

.hero{

background:

linear-gradient(

45deg,

#5b6cff,

#8f94fb

);

color:white;

padding:100px;

}

.card{

padding:10px;

margin:10px;

text-align:center;

border:none;

box-shadow:

0 5px 20px rgba(0,0,0,.1);

transition:.3s;

}

.card:hover{

transform:

translateY(-10px);

}

.product{

width:100%;

border-radius:10px;

margin:10px;

cursor:pointer;

}

.whatsapp{

position:fixed;

bottom:20px;

right:20px;

background:#25D366;

color:white;

padding:15px;

border-radius:50%;

font-size:25px;

}

iframe{

width:100%;

height:300px;

border:0;

margin-top:20px;

}