@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;
    --lighter-brown: #fff1d7;
    --light-brown: #B2832C;
    --brown: #C27F06;
    --pinker: #FF007A;
    --dark-pinker: #C4395E;
}

.bg-lighter-brown {
    background-color: var(--lighter-brown);
}

.title {
    width: 65%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 40px;
    border-radius: 30px;
    border: 3px solid var(--dark-pink);
}

.info {
    width: 55%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 40px;
    border-radius: 30px;
    border: 3px solid var(--dark-green);
    flex-wrap: wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.maps {
    margin-top: 20px;
    text-align: center;
}

.maps iframe {
    width: 75%;
    min-width: 280px;
    max-width: 750px;
    aspect-ratio: 4/3;
    border: 3px solid var(--dark-pinker);
}