html,
body {
    margin: 0;
    padding: 0;
    border: 0;
}


body {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";    height: 100vh;
    background-image:url("https://hips.hearstapps.com/hmg-prod/images/p90498647-highres-rolls-royce-black-ba-6419f1d68f261.jpg?crop=0.934xw:1.00xh;0.0595xw,0&resize=1200:*");
    background-repeat: no-repeat;
    background-size: cover;
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
}

h1 {
    display: inline-block;
    margin: 2.5rem 10rem 2.5rem 2.5rem;
}

nav,
nav li {
    display: inline-block;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 1rem;
    transition: all 0.5s ease-in;
}

li a.login {
    margin-left: 8rem;
}

li a.logout {
    margin-left: 8rem;
}

nav a:hover {
    border-bottom: 1px solid white;
}