body {
    background-image: url(img/tile2.PNG);
    font-family: monospace;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    text-align: center;
    padding: 20px;
}

#main {
    width: 55%;
    background-color: #cccccc;
    border: 5px solid;
    border-color: #dfdfdf #808080 #808080 #dfdfdf;
    padding: 15px;
    box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #000000;
}

#banner {
    border: 2px solid;
    background-color: white;
}

#navbar {
    margin-top: 2px;
    font-size: 18px;
    border: 2px solid;
    background-color: white;
}

#content {
    margin-top: 2px;
    font-size: 18px;
    border: 2px solid;
    background-color: white;
}

#misc {
    margin-top: 2px;
    font-size: 18px;
    border: 2px solid;
    background-color: white;
}

#footer {
    margin-top: 4px;
    font-size: 18px;
    border: 2px solid;
    background-color: white;
}

        #misc a {
            flex: 1;
            padding: 10px;
            text-decoration: none;
            color: #000000;
            border-right: 1px solid #808080;
            text-align: center;
            font-weight: bold;
            background: linear-gradient(180deg, #dfdfdf, #808080);
            transition: all 0.1s;
        }

#slave {
    width: 200px;
    height: 200px;
}

#article-head {
    margin-left: 10px;
    text-align: left;
}