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

nav {
    position: sticky;
    top: 0;

    background-color: rgb(180, 201, 228);
    padding: 20px;
     z-index: 9;
}

nav h2 {
    font-family: "Papyrus";
    color: rgb(60, 100, 196);
    margin-right: 20px;
}

.hero {
    position: relative;
}

.hero img {
    position: static;

    width: 100%;
    height: 800px;
    
}

.hero h1 {
    position: absolute;
    font-family: "Papyrus";
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    color: rgb(250, 248, 248);
}

.hero p {

    font-family: "Papyrus";
    
    color: rgb(0, 0, 0);
}

section {
    padding: 40px;
}

footer {
    
    background-color: rgb(180, 201, 228);
    padding: 20px;
    position: relative;
    left: 0;

    padding: 20px;
    font-family: "Papyrus";
    
    color: rgb(60, 100, 196);
}

.back-to-top {
    position: fixed;

    bottom: 20px;
    right: 20px;

    background-color: black;
    color: rgb(192, 221, 247);
    padding: 10px;
}