body {
    background-image:url("https://file.garden/aeVpDTeG9wi7ozvZ/backgrounds/colony%209");
    height: 140dvh;
    background-size: cover;
    background-color: #faf6f6;
    color: black;
    font-family: MS PGothic;
}

header {
    background-image:url("https://file.garden/aeVpDTeG9wi7ozvZ/secret%20files/p005a.png");
    height: 25vh;
    background-size:75vw 65vh;
    background-position: center;
    align-content: center;
    text-align: center;
    border: solid white 1px;
    outline: solid black 3px;
    margin-bottom: 30px;
    max-width: 75vw;
    margin-left:auto;
    margin-right:auto;
}

header span {
    font-size: 7rem;
    color: white;
    -webkit-text-stroke: medium;
    -webkit-text-stroke-color: #c49b84;
    text-shadow: 3px 3px 2px #4f3626;
}

.container {
    display: flex;
    max-width: 70vw;
    height: 100vh;
    margin-left: auto;
    margin-right:auto;
    gap: 10px;
    background-color: #f7e7df;
    border: 5px solid #c49b84;
}

.left {
    flex: 1 1 20%;
    background-color: #fff5ed;
    border: 1px solid #c49b84;
    padding: 10px;
}

.left a {
    display: block;
    font-size: 20px;
    background-color: #f7e7df;
    margin: 10px 0;
    border: 2px solid white;
    color: #bd8f75
}

.center {
    flex: 1 1 50%;
    background-color: #fff5ed;
    border: 1px solid #c49b84;
    padding: 10px;
    overflow: auto;
}

.center article {
    background-color: white;
}

.right {
    flex: 1 1 20%;
    background-color: #fff5ed;
    border: 1px solid #c49b84;
    padding: 10px;
}

.log {
    background-color:white;
    height: 20vw;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #bd8f75 #f7e7df;
    border: 1px solid #c49b84;
    padding: 5px;
}

.right a {
    display: block;
    font-size: 20px;
    background-color: white ;
    margin: 10px 0;
    border: 2px solid #f7e7df;
    color: #bd8f75
}