body {
    background-image: url("background_tile.png");
    font-family: cursive;
}

.container {
    display: grid;
    grid-template-areas:
    "header header header"
    "left centre right"
    "left centre right";

    gap: 10px 1%;

    grid-template-columns: 15% 68% 15%;
}

.container div {
    border: 5px solid #f59615;
    background-color: #eeb160;
    color: #3a0f52;
}

.container div.header {
    grid-area: header;
    text-align: center;
}

.container div.left {
    grid-area: left;
    text-align: center;
}

.container div.right {
    grid-area: right;
    text-align: center;
}

.container div .alert {
    grid-area: centre;
    text-align: center;

    margin: 2%;
    padding-left: 1%;
    padding-right: 1%;

    border: 5px solid #f51a15;
    background-color: #ee6260;
    color: #ffffff;
}

.alert a {
    color: #3a0f52;
}

.container div.centre {
    grid-area: centre;
    text-align: center;
}

ul li { list-style-position: inside; }

.website_link {
    border: 5px solid #3a0f52;
    background-color: #57177a;
    color: #f59615;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin: 10%;
}

a {
    color: #57177a;
}

.website_link a {
    color: #f59615;
}

hr {
    color: #f59615;
}