style.css

* {
    padding: 0;
    margin: 0;
    font-family: sans-serif;
}

a {
    text-decoration: none;
    color: #6589b9;
}

.container {
    width: 93%;
    margin: 0 auto;
}

.container::after {
    content: '';
    display: block;
    clear: both;
}

header {
    background-color: #3b5998;
}

h1 {
    float: left;
    padding: 15px 0px;
    display: inline-block;
}

ul {
    float: right;
}

header ul li {
    display: inline-block;
}

header h1 a{
    color: #fff;
}
header ul li a {
    padding: 25px 20px;
    display: inline-block;
    color: #fff;
}

main {
    height: 73vh;
    border: 1px solid;
    padding: 20px 50px;
    color: #535998;
}

main p {
    margin: 20px 0;
    color: #6589b9;
}

footer {
    padding: 30px 0px;
    background-color: #3b5998;
    text-align: center;
    color: #fff;
}