@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(--light-pink);
    border: 3px solid var(--dark-pink);
    text-align: center;
    padding: 20px 40px;
    border-radius: 40px;
}

.mv {
    width: 90%;
    margin: 0 auto;
}

.mv-title {
    background-color: var(--pink);
    width: 50%;
    text-align: center;
    padding: 12px 20px;
    margin: 0 auto 26px;
    border-radius: 30px;
    color: var(--brown);
    border: 3px solid var(--brown);
}

.mv p {
    text-align: center;
    color: var(--yellow-brown);
    font-family: 'Quicksand', sans-serif;
}