/* Top menu bar */
.topnav {
    width: 50%;
    background-color: #69140E;   /* dark bar across the top */
    padding: 10px 0;          /* thickness of the bar */
    display: flex;
    justify-content: center;  /* centers the menu items */
    gap: 30px;                /* space between links */
    border-radius: 30px;
    border: 10px solid #3C1518;
    position: absolute;
    left: 50%;
    top: 1%;
    transform: translate(-50%, -50%);
}

/* Menu links */
.topnav a {
    color: #FFFB46;
    text-decoration: none;
    font-size: 18px;
    font-family: "Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 6px 12px;
}

.topnav a:hover {
    background-color: #A44200;
    border-radius: 4px;
}

body {
    background-color: rgb(61, 16, 16);

    background-image: url('../images/background.jpeg');
    background-size: cover;       /* makes it fill the screen */
    background-repeat: no-repeat; /* stops it from repeating */
    background-attachment: fixed; /* optional: makes it stay still while scrolling */
}