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

body, #container {
    min-height: 1250px;
    background-image: url(https://images.unsplash.com/photo-1550895030-823330fc2551?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=987&q=80);
background-size: cover;
background-repeat: no-repeat;
    font-family: verdana;

}
h1 {
    font-size: 7em;
    font-family: monospace;
    text-align: center;
    border-bottom: .2em solid darkgrey;
   
}
h2 {
    font-size: 3em;
    font-family: monospace;
    text-align: center;
    color: cornflowerblue;
    padding-top: 50px;
}
p {
    text-align: center;
    font-size: 2em;
    padding-top: 40px;
    font-weight: bolder;
}

.code_sample { text-align: center;
    font-size: 3em;
    white-space: nowrap;
    padding-top: 30px;
    font-weight: bolder;
 }

 .code_sample, .code_explanation {
    flex: 1 0 50%;
 }
 

 a[href^="https"] {
    background-image: url(lock\ \(1\).svg);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 2px;
 }

 footer {
    font-size: 2em;
    text-align: right;

 }