body, html {
        font-family: sans-serif;
        margin: -5px;
        text-align: justify;
    }
        
    * {
        box-sizing: border-box;
    }
    header {
        background: url(./img/img_header.jpg);
    }

    .header {
        color: white;
    }
    div {
        text-align: justify;
    }

    h1 {
        margin: 30px auto;
        margin-top: 40px;
        font-size: 36px;
    }

    h4 {
        font-weight: normal;
        font-size: 18px;
    }

    button {
        color: white;
        border-width: 0px;
        border-right: 2px solid white;
        padding-right: 12px;
        padding-top: 3px;
        font-size: 14px;
        font-weight: bold;
        background-color: transparent;
    }

    .container {
        width: clamp(500px, 70vw, 1200px);
        margin: 0px auto;
    }

    article {
        padding: 10px;
        margin: 10px auto;
        width: clamp(500px, 70vw, 1200px);
        
    }

    img {
        max-width: 100%;
        border-radius: 3px;
        box-shadow: 3px 3px 5px black;
        margin: 0px auto;
    }