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

body{
    font-family: 'Franklin Gothic Medium';
    background-color: #2b2d42;
    /*color:#f8f9fa;*/
    color: 2b3349
    line-height:1.6;
    padding: 2rem;
}

.navbar{
    display: flex; 
    justify-content: left;
    gap: 2rem;
    margin-bottom: 2rem;
}

a:hover{
    text-decoration: italic;
}
background-image {
    width: 350px;
    height: 230px;
    justify-content: left;
    background-image: url('barbary-image.jpg');
 }

 site-header{
    color:#f0ead2;
 }