/* General styles - put these straight into your stylesheet */



body {
    margin: 0;
}

  
/* General page styles */
html {
    font-family: 'Helvetica neue', Arial, 'sans serif';
    font-size: 10px;
    background-color: #ccc;
}

h2 {
    margin: 0;
    font-size: 2em;
    line-height: 1.5em;
}

p {
    margin: 0;
}

/* styles specific to the setup of the card container */
.card {
    width: 35em;
    height: 22em;
    margin: 5em auto;
    background-color: red;
    border: 0.2em solid black;
    border-radius: 1.5em;
}
/* styles specific to the header and footer */
.card header {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.1), rgba(0,0,0,0));
    border-radius: 1.5em 1.5em 0 0;
    padding: 1em;
    height: 3em;
    line-height: 3.5em;
}

.card footer {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.1));
    border-radius: 0 0 1.5em 1.5em;
    padding: 1em;
    height: 3em;
  }

/* styles specific to the main business card contents */
.card article img {
    max-height: 100%; 
    float: right;
}



.card footer p {
    font-size: 1.5em;
    line-height: 1.5em;
}



.card article {
    height: 12em;
    background-color: rgba(0, 0, 0, 0.2);
}



.card article p {
    padding: 1em;
    line-height: 1.35;
    color: white;
}


/* styles specific to the setup of the card container */
.card2 {
    width: 35em;
    height: 22em;
    margin: 5em auto;
    background-color: rgb(51, 139, 255);
    border: 0.2em solid black;
    border-radius: 1.5em;
}
/* styles specific to the header and footer */
.card2 header {

    background-image: linear-gradient(to bottom,rgba(0,0,0,0.1), rgba(0,0,0,0));
    border-radius: 1.5em 1.5em 0 0;
    padding: 1em;
    height: 3em;
    line-height: 3.5em;
}

.card2 footer {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.1));
    border-radius: 0 0 1.5em 1.5em;
    padding: 1em;
    height: 3em;
}
/* styles specific to the main business card contents */
.card2 article img {
    max-height: 100%; 
    float: right;
}

.card2 footer p {
    font-size: 1.5em;
    line-height: 1.5em;
}

.card2 article {
    height: 12em;
    background-color: rgba(0, 0, 0, 0.2);
}



.card2 article p {
    padding: 1em;
    line-height: 1.15;
    color: white;
}