@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(12, 5, 15, 0) 50%, rgba(29, 19, 1, 0.253) 50%);
background-size: 100% 2px, 3px 100%;
pointer-events: none;
z-index: 200;
}


body {
    overflow: hidden;
    margin: 0 0 0 0;
    background-color: rgb(4, 43, 26);
}

.outer {
    color: #e4c171;
    font-family: "VT323", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    text-shadow: -2px -2px 4px rgb(204, 62, 37);
    box-shadow: 1px 1px 40px rgba(161, 101, 11, 0.548);
}
.outer a {
    text-decoration: none;
    color: #e4c171;  
}

.topBar {
    width: 100%;
    height: 30px;
    padding: 3px;
    margin: 0px;
    background: #1a1109;
    border-bottom: 3px double #e4c171;
}



.leftBar {
    position: relative;
    width: 100px;
    height:auto;
    padding: 3px;
    background: #1a1109;
    border-right: 3px double #e4c171;
}
.leftBar a {
    display: block;
}

.wholeContainer {
    display: flex;
    height: 60rem
}

.container {
    display: flex;
    width: 100%;
    padding: 15px;
    font-family:Georgia, 'Times New Roman', Times, serif;
    
}

#leftContainer {
    width: 20rem;
}

#flag {
    height: 70px;
    min-height: 70px;
    background-color: black;
}

.textBox {
    background-color: aquamarine;
    padding: 1rem;
    margin-top: 1rem;
    overflow-wrap: anywhere;
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABgUlEQVRYR9WZW5LCMAwENzfbo3E0bsZWQR61cg09khNj+CS20oxkjRKWH/dz+308l97ui7VlWx8Xb/uT8bybPgFnB43KkKKk5KZwMi4rmgy4K69SXgZVKXWVUTfevxc17cZf1y2y9txAw0GjAgrUOvIdi2JXWEMdin4dqBIjnvZsaci4a9uDJLSKTgtaPQy9+5r2JZRdM3n00Woqq/vKoMVGvN+vFxiMpXWmrBOdVQIISs5E3t7RMv9tBQ52pulAVcP/FGgoBXamaUHd8az6A+hMiJpnZ1LWORzUbS/VtkWNXUxLR39+zbO+M00DSspS7br91J1zQ2mxM7nT1HBQUrZ6iKhWYx8P6/VTaO+QQQon4/ugZylJyor7fBEoOYWrZDKVTWUMm56GgbrTE70sI2A3g93T0zSgyoGyFpp1IFjvT08fByUnosZ99XX7uf5qEIrfgLrKqr5Kp50cCaaz/PQ0DahS9ixAUvYyr8+m/HRQLPL3b99oe/Y6/ysiJ/yxoH99o4eoEpu7sgAAAABJRU5ErkJggg==') 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid;
    overflow-y: scroll;
}
#welcomeBox {
    height: 20rem;
}
#newsBox {
    height: 10rem
}

.rightBar {
    width: 30px;
    height: auto;
    background: #1a1109;
    border-left: 3px double #e4c171;
    
}

.bottomBar {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    max-height: 40px;
    padding: 3px;
    background: #1a1109;
    border-top: 3px double #e4c171;
}