:root {
    --container:700px
}
* {
    box-sizing:border-box;
}
#container {
    display: grid;
    grid-template:
    "header header"
    "nav nav"
    "aside main"
    "aside section"
    "footer footer"
    ;
    border:1px solid #424242;
    padding:5px;
    grid-template-columns: 200px auto;
    border-radius:3px;
    grid-template-rows: 150px;
}
.box {
    border:1px solid #616161;
    box-shadow: inset 0px 0px 1px #b4b4b4;
    background-color: #f5f5f5;
    border-radius: 3px;
    position: relative;
}
.box:hover {
    outline: 1px solid white;
}
.box:active {
    outline: none;
}
header {
    background-color: #ffffff;
    border-radius: 20px 20px 3px 3px !important;
    position: relative;
    margin-bottom: 5px;
}
.marq {
    position:absolute;
    bottom:0px;
    width:100%;
    box-shadow: inset 0px 0px 1px #b4b4b4;
    background-color: #f5f5f5;
    overflow: hidden;
    white-space: nowrap;
}
nav {
    display: flex;
    justify-content: center;
    text-align: center;
    gap:5px;
}
nav a {
    flex-grow: 1;
    text-decoration: none;
}



main.box {
    padding:5px;
    font-size: 17px;
}
main div img {
    float:left;
    height:250px; width:150px;
    margin-right: 5px;
}
#updates, #gallery {
    margin-top:5px;
}

#gallery {
    display: flex;
    padding:5px;
    gap:5px
}
#gallery div {
    width:50%
}
#gallery .art {
    width:100%;
    height:300px;
}
#fanlistings {
    height:60px;
    width: 100% !important;
    padding:5px;
    overflow-x: auto;
    overflow-y: hidden;
}
#fanlistings::-webkit-scrollbar {
    height:0px
}
#updates {
    height:300px;
}
#statuscafe {
  text-align: center;
  width:calc(100% - 5px);
}
#statuscafe-username {
  font-size:0;
}
#statuscafe img {
  width:50px;
  height:50px;
  border:1px solid;
}
#statuscafe-content {
  border:1px solid; 
  border-radius:5px;
  padding:2px;
  height:40px;
  width:80%;
  margin-left: auto;
  margin-right:auto;
}