/* Remove default spacing */
body {
    margin: 0;
    font-family: Times New Roman, sans-serif;
}

/* Top bar */
header {
    background: #db0000;
    color: white;
    text-align: center;
    padding: 10px;
}

/* Three-column layout */
.container {
    display: grid;
    grid-template-columns: 200px 1fr 200px;
    gap: 20px;

    max-width: 1200px;
    margin: 20px auto;   /* Centers the whole layout */
    padding: 0 20px;
}

/* Left menu */
.left-menu {
    background: #eee;
    padding: 15px;
}

/* Main article section */
main {
    background: white;
    text-align: justify;
    padding: 20px;
}

/* Right menu */
.right-menu {
    background: #eee;
    padding: 15px;
}

/* Make it look cleaner */
ul {
    list-style: none;
    padding: 0;
}

li {
    margin: 10px 0;
}