@charset "UTF-8"; 


@import url('https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&family=Sriracha&display=swap');

    * {

       margin: 0px; 
       padding: 0px;
       font-size: 1em; 


    }

    :root {

        --fonte1: Verdana, Geneva, Tahoma, sans-serif;
        --fonte2: "Passion One", sans-serif;
        --fonte3: "Sriracha", cursive;

    }



    html, body {

        min-height: 100vh;
       background-color: darkgrey; 
       font-family: var(--fonte1);


    }


    header {

        background-color: black;
        color: white;
        text-align: center;
    


    } 


    header > h1 {

        padding-top: 50px;
        font-variant: small-caps;
        font-family: var(--fonte2);
        font-size: 7vw;

    } 

    header > p {

        padding-bottom: 50px;


    } 


    header a, footer a {

        color: white;
        text-decoration: none;
        font-weight: bolder;

    }



     header a:hover, footer a:hover {

     text-decoration: underline;   


    }

    section {

        padding-top: 10vh;
        padding-bottom: 10vh;
        line-height: 2em;
        padding-left: 30px;
        font-family: var(--fonte3);
        font-size: 4vw;


    }

    section > p {

        padding-bottom: 2em;


    }



    section.normal {

        background-color: white;
        color: black;


    }

    section.imagem {

        background-color: rgba(0, 0, 0, 0.507);
        color: white; 
        text-shadow: 1px 1px 0px black;
        box-shadow: inset 6px 6px 13px 0px rgba(0, 0, 0, 0.473);
        background-size: cover;
        background-attachment: fixed;


    } 

    section.imagem > p {

        display: inline-block;
        background-color: hsla(0, 0%, 0%, 0.507);
        padding: 5px;


    } 


    section#img01 {

        background-image: url(../imagens/background001.jpg);
        background-position: right center;
        

    } 

     section#img02 {

        background-image: url('../imagens/background002.jpg');
        

    }

    footer {

        background-color: black;
        text-align: center;
        padding: 10px;
        color: white;


    }