@import '../node_modules/normalize.css/normalize.css';
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Pacifico&display=swap');

:root {
    --pink: #f3a4be;
    --green: #bef3a4;
}

body {
    background: var(--green);
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
}

.header {
    margin-top: 20px;
    margin-bottom: 30px;

    h1 {
        color: var(--pink);
        text-align: center;
        font-size: 55px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-family: 'Pacifico', cursive;
    }
}

.collage {
    margin-bottom: 20px;
    
    img {
        width: 100%;
    }
}

.message {
    width: 80%;
    margin: 30px auto;

    p {
        line-height: 25px;
    }
}

.movie {
    margin-bottom: 20px;

    video {
        width: 100%;
    }
}