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

    background-image: url("redbackground.png");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

    color: #222222;
}

header {
    width: 800px;
    margin: 30px auto 20px auto;
    padding: 20px;
    background-color: white;
    text-align: center;
}

.layout {
    width: 840px;
    margin: auto;
    display: flex;
    gap: 20px;
}

aside {
    width: 180px;
    padding: 20px;
    background-color: white;
}

main {
    width: 600px;
    padding: 20px;
    background-color: white;
}

nav a {
    display: block;
    margin-bottom: 10px;
}

footer {
    width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: white;
    text-align: center;
}
@font-face {
    font-family: "Eldring";
   src:url("Eldring.ttf");
}

h1 {
    font-family: "Eldring", sans-serif;
}