@font-face {
    font-family: Raleway;
    font-weight: 400
    src: url ('assets/fonts/Raleway-Regular.ttf') format ('ttf'),
         url ('assets/fonts/Raleway-Bold.ttf') format ('ttf'),
         url ('assets/fonts/Raleway-Italic.ttf') format ('ttf');


} 

* {
    box-sizing: border-box;
    font-family: Raleway;
    color: #333;
}



html, body {
    margin: 0px;
    padding: 0px;
    
    }


.nav ul {
    margin: 0px;
}
.nav li {
display: inline;
padding: 0 5%;
}

.nav a {

    padding: .8em;
    color: black;
    text-decoration: none;
    display: inline-block
    }

.nav a:hover {
    background-color: rgba(255, 255, 255, .3) ;
}

.nav {
    text-align: center;
    font-size: 1.2;
    font-weight: lighter;
    border-bottom: 5px solid rgba(255, 255, 255, .5);
}


.main-header {
    background-color: bisque ;
    background-image: url("images/xxxx.jpg");
    background-blend-mode: multiply;
    background-size: cover;
    padding-bottom: 30px;

}

.main-subject-of-the-article {
    text-align: center;
}

.introduction-of-the-main-subject {
    text-align: center;

}



.content-section {
    margin:1em
   }
.container {
    max-width: 900px;
    margin: 0 auto;
    padding-left:  1.5em;
    padding-right: 1.5em;
    }