#container {
        max-width: 1600px;
      }
      body {
        background-image: url('https://64.media.tumblr.com/a2467ccfabb995616698226676e201cb/20b640ff36a0e100-32/s1280x1920/6afd708f20f357e10ed1084d799197904fa88159.jpg');
        font-family: ms pgothic;
        font-size: 12px;
        color: #009afa;
        letter-spacing: 0.8px;
        line-height: 16px;
        image-rendering: pixelated;
      }
      
      .text {
        margin: auto;
        width: 1200px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: justify;
      }
      .links {
        width: 300px;
        padding: 5px;
        margin: 5px;
        border-radius: 30px;
      }
      ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
      a {
        color: white;
      }
      li a {
        margin-right: 10px;
      }
      .content {
        padding: 7px;
        color: black;
      }
      .top {
        margin: auto;
        width: 99%;
        border: 2px groove black;
        margin-top: 10px;
        font-size:12px;
        height: 93%;
        background: black;
      }
      .toptext {
       background-image: linear-gradient(#723680, #461561, #290038);
        padding: 5px;
        font-weight: bold;
        border-bottom: 2px black;
        color: white;
        font-style: italic;
        font-size:20px;
      }
      p {
        padding: 2px;
       
      
      }
      .box-left {
        width: 500px;;
        height: auto;
        box-sizing: border-box;
   justify-content: center;

       
      }
       .flex-container {
        display: flex;
        flex-direction: row;
        padding:2px;
        margin:auto;
         align-items:flex-start;
      }
      
        .flex-top{
        display: flex;
        flex-direction: row;
        margin:auto;
        padding:2px;
background: rgb(240,240,240);  
background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(211,211,211,1) 100%);
         justify-content: center;

      }
      .box-right {
        width: 500px;;
        height: auto;
        text-align: justify;
        justify-content: center;

      }
      .flex-wrapper {
        display: flex;
        justify-content: flex-start;
       align-items:flex-start;
      }
      .flex-container2 {
  display: flex;
  flex-direction: column;
 
}
.linkbutton {
    width: 100px;; 
    height: 200px;
    border: 2px groove lightgray;
    background: white;
    padding: 10px;
    box-sizing: border-box;
    overflow-y: auto;
    text-align: justify;  
 font-size:12px;
 color:black;
}
      .menu {
  width:97%;
  border:2px white;;
  margin-top:8px;
  margin-bottom:5px;
  height:25px;
  padding:5px;
  color:black
background-image: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(211,211,211,1) 100%);
}
 .button {
     text-align:left;
     padding:10px;
     background-image: url('button.png');
     font-size:18px;
     color:blue;
      image-rendering: pixelated;
      background-repeat:round;
     
}
.msc {
     text-align:center;
     padding:5px;
    background-image: linear-gradient(#723680, #461561, #290038);
     font-weight:bold;
     font-size:12px;
     border:2px groove lightgray;
     border-radius:3px;
     width:150px;
       margin: 10px;
        box-shadow:5px 5px 5px grey;
}
.containera {
    width: auto; 
    height: auto;
    border: 2px groove lightgray;
    background: white;
    padding: 10px;
    box-sizing: border-box;
    overflow-y: none;
    text-align: justify;  
 font-size:12px;
 color:black;
}
.containera2 {
    width: 500px; 
    height: auto;
    border: 2px groove lightgray;
    background-image: url('https://i.pinimg.com/736x/09/b9/cc/09b9ccc6f8ee21ddb2c86cd0e8829b8a.jpg');
    box-sizing: border-box;
    overflow-y: none;  
    image-rendering: pixelated;
}
.containera3 {
    width: 500px; 
    height: auto;
    border: 2px groove lightgray;
    background-image: url('greydot.gif');
    box-sizing: border-box;
    overflow-y: none;  
    image-rendering: pixelated;
}
#statuscafe {
    padding: .5em;
    background-color: azure;
    border: 1px solid midnightblue;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}
    margin: 0 1em 0.5em 1em;
}