/* We are using the 'Roboto' font from Google. This has already been added to your HTML header */

body {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/**
 * Add your custom styles below
 * 
 * Remember: 
 * - Be organised, use comments and separate your styles into meaningful chunks
 *    for example: General styles, Navigation styles, Hero styles, Footer etc.
 * 
 * - When using Flexbox, remember the items you want to move around need to be inside a parent container set to 'display: flex'
 */
 nav {
    /* background-color: black; */
    font-size: 15px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        list-style: none;
        margin-right: 150px;
        margin-top: 35px;
    
}

li a {
    color: black;
    text-decoration: none;
}

li a {
    padding: 14px 16px;
}
nav {float: right;}
.article {
    background-image: url(/img/first-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    margin-top: 40px;
    
}
.article {
    color: white;
    text-align: center;
    height: 500px;
    margin: 50px;
    
    
}
 button {
    background-color: rgb(243, 101, 50);
    padding: 10px 30px 10px 30px;
    margin-top: 250px; 
    
}
/* h2 {
    margin-top: 250px;
} */
/* h1 {
    margin-top: 250px;
}  */