@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(--light-brown);
    text-align: center;
    padding: 40px;
    border-radius: 40px;
}

.services .box {
    border-radius: 20px;
    overflow: hidden;
    border: 3px solid var(--light-brown);
}

.row .box img {
    transition: all 0.3s;
}

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