challenge.scss

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

$color-black: black;
$color-white: white;

a:link,
a:visited {
    text-decoration: none;
}

.postcard {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: flex-start;
    // padding: 40px 40px;  

    .postcard__img {
        width: 100vw;
    }

    .postcard__title {
        font-family: 'Courier New', Courier, monospace;
        font-size: 30px; 
        padding: 40px 40px;   
    }

    .postcard__description {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 14px;
        padding: 40px 40px;  
    }

    .postcard__buttons {
        display: flex;
        .postcard__button {
                display: block;
                background-color: $color-white;
                color: $color-black;
                border: 2px solid $color-black;
                padding: 20px;
                margin: 40px 20px 40px 40px;
        }

        .postcard__button--hover:hover{
                background-color: $color-black;
                color: $color-white;
                border: 2px solid $color-black;
            }
    }
    
}