body {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(/img/paper.jpg);
    font-weight: bold;
    color: blue;
}

h1 {
    color: darkorange;
    font-size: 3em;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border-bottom: 2px solid brown;
   
}

h2 {
    font-size: 1.5em;
    color: deeppink;
    text-shadow: 2px 2px 20px deeppink;
}

.job-title {
    color: tomato;
    font-weight: bold;
}

a:link, a:visited {
    color: #fb6542;
    text-decoration-color: seagreen;
    font-weight: bold ;
}

a:hover {
    text-decoration: none;
    color: deeppink;
    font-size: x-large;
}

li {
    list-style-type: square;
}

@media(min-width: 40em) {
    body{
        background-image: url(/img/biog.jpg);
        color: black;
        font-size: large;
        font-weight: bold;
    }
    }
    
    .box {
        border: 5px solid black;
        padding: 10px;
        background-color: rebeccapurple;
        width: calc(15% - 15px);
        text-align: center;
       
      }