.card { 
    background-color: #fff;
    padding: 2em;
    text-align: left;
    margin: 2em 0em 2em 0em;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.09);
    height: auto;
    width: auto;
    overflow: auto;
}
h2 { 
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 2em;
    margin: auto;
    text-align: center;
    color: #0A0F14;
}
pre { 
    text-align: justify;
    font-family: "Open sans", sans-serif;
    font-weight: 300;
    font-size: 1.5em;
    white-space: normal;
    width: 100%;
}
img {
    display: block;
    max-height: 100%;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 1px;
    max-width: 500px;
}
@media only screen and (max-width: 1000px){
 h2 {
    font-size: 1.6em;
 }
 pre {
    font-size: 1em;
 }
}