body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: black;
    color: #f0fba8;
    font-family: "MS UI Gothic", Tahoma;
    font-size: 13px;
    cursor: url("data:image/x-icon;base64,AAACAAEAICAAAAQADgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAA/7W1tfD4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAQAAAD///////j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAA/+jo6P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/19fX/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//z8/P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/x8fH/+Pj4//j4+P/4+Pj//////9XV1f/+/v7/7Ozs//Hx8f/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/8fHx//j4+P/4+Pj/+Pj4/wAAAP8AAAD/AAAA/wAAAP8AAAD/0dHR//r6+v/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P/4+Pj/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAAAAAAAAAAAAAAAAAAAAAAAA//Dw8P/4+Pj/+Pj4//j4+P8AAAD/yMjI//////////////////////8AAAD/qKio//7+/v/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//j4+P8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/w8PD/+Pj4//j4+P/4+Pj//////wAAAP///////////+Tk5P/w8PD//Pz8//////8AAAD/09PT//j4+P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/wsLC+fj4+P/4+Pj/+Pj4//////8AAAD/0NDQ/9fX1/8AAAD/jIyM/7m5uf/5+fn///////////8AAAD/+Pj4//v7+//4+Pj/+Pj4//j4+P/4+Pj/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAA/+zs7P/4+Pj/+Pj4//j4+P/4+Pj/AAAA/6Ghof//////AAAA/wAAAP8AAAD/AAAA/9bW1v//////0dHR/+Tk5P8AAAD///////Hx8f/4+Pj/+Pj4//j4+P8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkAAAAAAAAA/wAAAP/x8fH/+Pj4//j4+P/4+Pj/+Pj4//v7+/8AAAD//v7+//////8AAAD/AAAA/wAAAP96enr/+/v7/9HR0f/q6ur//v7+/wAAAP/+/v7/6enp//j4+P/4+Pj/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP8AAAD///////j4+P/s7Oz9+Pj4//j4+P/8/Pz/AAAA/+3t7f//////39/f/wAAAP8AAAD/urq6/9jY2P/v7+//+vr6//////+Pj4//19fX/wAAAP///////////wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////j4+P/4+Pj/+Pj4//j4+P/4+Pj/AAAA/wAAAP8AAAD/+Pj4//j4+P/+/v7///////////////////////z8/P/4+Pj/+Pj4/+/v7///////AAAA/wAAAP8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////+Pj4///////m5ub/AAAA/wAAAP8AAAAAAAAAAAAAAP/4+Pj/+Pj4//Pz8//Nzc3/6Ojo/9jY2P/f39//+Pj4//j4+P/4+Pj/+Pj4//////8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD/AAAA/wAAAP8AAAAAAAAAAAAAAAAAAAD/+Pj4//j4+P/4+Pj/8PDw/9TU1P///////////9jY2P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4/8TExPYAAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+jo6P/+/v7/+Pj4//j4+P//////urq6///////CwsL/8fHx//j4+P/4+Pj/+Pj4//j4+P/4+Pj//////wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////7+/v/s7Oz/4uLi//////+6urr//////9vb2///////+Pj4//j4+P/4+Pj/+Pj4//j4+P/x8fH/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/+/v7/urq6/wAAAP8AAAD/AAAA/9TU1P/7+/v/8vLy///////4+Pj/+Pj4//j4+P/4+Pj/+Pj4//f39/8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////urq6/4CAgP/W1tb/5OTk//Hx8f+6urr/AAAA/wAAAP8AAAD/+Pj4//j4+P/4+Pj/5eXl/gAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////76+vv/s7Oz/+Pj4/+rq6v///////////+3t7f/b29v/q6ur/+Hh4f/4+Pj/+Pj4//j4+P/W1tb7AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+Hh4fz///////////r6+v/w8PD/8/Pz//j4+P/4+Pj/+vr6///////////////////////4+Pj//////wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/wMDA6v/////q6ur/+vr6/////////////v7+//r6+v/39/f/x8fH/7q6uv/Pz8//x8fH/+Li4v//////AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAD/3Nzc/66trv+9vb3/4eHh//Ly8v/k5OT/8/Pz////////////////////////////+Pj4//////8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////////////T09P/R0dH/1NTU/9TU1P/b29v/7Ozs/+zs7P/i4uL/4uLi/+rq6v/4+Pj/+Pj4/wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+zs7P/8/Pz/+/v7///////y8vL/+vr6/9TU1P/T09P/19fX/9TU1P/U1NT/6enp//j4+P//////AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//z8/P/4+Pj/+Pj4//j4+P/4+Pj/+Pj4//v7+///////6+vr//v7+/////////////j4+P8AAAD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+np6f//////+Pj4//j4+P/4+Pj/+Pj4//j4+P/7+/v////////////t7e3/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAP/p6en///////j4+P/4+Pj/+/v7//////8AAAD/AAAA/wAAAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAwAAAAMAAAADAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP//AAD//gAA//4AAP/+AAD//gAA//wAAP/4AAD/8AAA/+AAAP/AAAD/gAAA/gAAAPgAAAH4AAAD+AwAD/A4AAfx8AAH//AAB//wAAf/8AAH//AAB//gAA//4AAP//AAD//wAA//8AAP//gAD//8AB///gA///+B//////8="),
    auto;
}


.container {
    background-color: #2f3d55;
    border: 1px solid #f0fba8;
    border-radius: 5px;
}


.parent-container {
    display: grid;
    grid-template-columns: 170px 600px 170px;
    grid-template-rows: 30px 130px 310px 385px 240px 28px;
    grid-gap: 5px;
    grid-template-areas: 
    "header header header"
    "sidebar-left content-1 sidebar-right"
    "sidebar-left content-2 sidebar-right"
    "sidebar-left content-3 sidebar-right"
    "sidebar-left content-4 sidebar-right"
    "footer footer footer";
}

.updates {
    overflow: auto;
    background-color: #f0fba8;
    border: 5px solid #f0fba8;
    border-radius: 5px;
    color: #2f3d55;
    height: 150px;
}

.lightdiv {
    background-color: #f0fba8;
    border-radius: 5px;
    color: #2f3d55;
}

.cflex {
    display: flex;
}

.button-link {
  background-color: #f0fba8;
  border-radius: 5px;
  display: inline-block;
  color: #2f3d55;
  padding: 3px;
  text-decoration: none;
  margin-bottom: 5px;
  width: 137px;
  text-align: center;

}

#c2left {
    width: 40%;
    margin-right: 10px;
}

#c2right {
    border: 1px solid #f0fba8;
    border-radius: 5px;
    width: 60%;
}

div {
    padding: 5px;
}

nav {
    display: block;
    text-align: center;
}

header { 
    grid-area: header; 
}

aside { 
    grid-area: sidebar-left; 
}
aside {
     grid-area: sidebar-right; 
}

main { 
    grid-area: content-1; 
}

main { 
    grid-area: content-2; 
}

main { 
    grid-area: content-3; 
}

main { 
    grid-area: content-4; 
}

footer { 
    grid-area: footer; 
}