* {
    box-sizing: border-box;
}

body {
    background-color: #3FA2D7;
    line-height: 1.5;
    margin: 0;
 font-family: "Playfair Display", serif;
 font-weight: 100;
 font-style: normal;
    
}

.main-nav a {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}

.main-nav {
    margin: 0px auto;
    padding: 25px;
}

.main-nav a:hover {
    color:#628496
}

.topnav, .main-nav {
    flex-direction: row;
    display: flex;
    justify-content: space-between;

}

.topnav {
    width: 1920px;
    background-color: #1b5e83;
    margin: 0 auto;
    border: 1px solid red;
    justify-content: space-between;
    padding: 20px 0;

}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.logo {
    margin: 0;
    padding-left: 100px;
}

header {
    background-image: url("../images/65d2ef883d694622db7b27b7_6514cb8a645b6136638242f1_2019-08-17%20WOMH%20Photos%20-%20Lawn%20-%20Vampire%20Weekend%20-%20Photographer%20Julian%20Bajsel%20-%208%20.jpg");
}