@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

html{
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: white;
    background-color: black;
    body{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        header{
            h1{
                font-family: "Pacifico", cursive;
                font-weight: 400;
                font-size: 50px;
            }
        }
        main{
            video{
                display: block;
                width: calc(100% - 50px);
                margin: 0 auto;
                max-width: 500px;
            }
            img{
                display: block;
                width: 12rem;
                margin: 0 auto;
                padding: 1rem;
            }
        }
        footer{
            a{
                color: white;
                text-decoration: none;
                font-size: 0.8rem;
                margin: 1rem;
                display: inline-block;
            }
            p{
                text-align: center;
            }
        }
    }
}