@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Quicksand:wght@300..700&display=swap');

:root {
  --light-pink: #F8EFEF;
  --pink: #FFE6E6;
  --dark-pink: #CB6681;
  --semi-white: #FFF9EF;
  --white: #FFFFFF;
  --green: #5E7344;
  --dark-green: #3E5720;
  --yellow-brown: #CBA357;
  --light-brown: #B2832C;
  --brown: #C27F06;
  --pinker: #FF007A;
  --dark-pinker: #C4395E;
}

.title {
    width: 60%;
    min-width: 300px;
    max-width: 600px;
    margin: 0 auto;
    background-color: var(--pink);
    border: 3px solid var(--green);
    text-align: center;
    padding: 40px;
    border-radius: 40px;
}

.products .box {
    border-radius: 20px;
    overflow: hidden;
    border: 3px solid var(--green);
}

.row .box img {
    transition: all 0.3s;
    transform: scale(1.2);
}

.row .box:hover img {
    transform: scale(1.4);
}