html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    margin: 0px;
    color: white;
}

#header {
    display: flex;
    align-items: flex-end;
    background-image: url("../img/cover.jpg");
    background-size: cover;
    height: 250px;
}

.navbar {
    display: flex;
    align-items: flex-end;
    padding: 15px 30px 15px 30px;
    width: 100%;
    background-color: rgba(38, 91, 63, 0.6);
}

#header nav {
    margin-left: auto;
}

#header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
}

#header nav li {
    margin-left: 25px;
    font-size: 20px;
}

#header a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
}

#header nav a:hover {
    color: white;
}

section h2 {
    padding-left: 10px;
}

section p {
    padding-left: 20px;
}

section a {
    color: rgb(38, 91, 63);
}