* {
  padding:0;
  box-sizing: border-box;
}
  
::selection {
  background-color: #fc1100; 
}
  
body {
  background-color:#000000;
}

.everything {
  height: 840px;
  /*border: 3px blue dotted;*/
  display: flex;
  justify-content:center;
}

.main {
  width: 1000px; 
  height: 840px;
  padding: 20px;
  overflow: hidden;
  background-color: #282525;
  border: 4px outset #505050;
}

.left {
  width: 200px;
  height: 900px;
}

.middle{
  width: 800px;
  height: 900px;
  margin-top: -900px;
  margin-left: 200px;
}

.textmain {
  width: 700px;
  height: 300px;
  overflow: visible;
  color: white;
  /*border: 3px dashed rgb(184, 184, 184);*/
  margin-left: 30px;
}

.right {
  width: 200px;
  height: 900px;
  padding: 20px;
  /*border: beige dashed 3px;*/
}

.update {
  width: 200px;
  height: 120px;
  padding: 10px;
  background-color: #fc1100;
  color: #FFFFFF;
  border-radius: 20px;
  }
.update img{
  margin-left: 40px; 
  z-index: 9;
  position: absolute;
  }
.update a{
  text-decoration: underline dotted;
  color: #f4f71e;
  }
.update a:hover{
  text-decoration: underline dotted;
  color: #1ef754;
}

.update ::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

.update ::-webkit-scrollbar-track {
  background: transparent; 
}
 
.update ::-webkit-scrollbar-thumb {
  background: purple; 
}

.update ::-webkit-scrollbar-thumb:hover {
  background: #00FF0D; 
}    

.log {
  height: 200px;
  overflow-y:scroll;
  color: white;
  border-width: 2px 0 2px 0;
  border-style: solid;
  border-color: beige;
  scrollbar-color: gray transparent;
  scrollbar-width: thin;
  }
  .log a {
    text-decoration: none;
    color:#DB0505;
  }
  .log a:hover{
    font-style: italic;
}
  
.navi {
  background-color: black;
  border: 5px inset rgb(118, 117, 117);
  text-align: justify;
  }
.navi a{
  text-decoration:none;
  color: #ffffff;
  }
.navi a:hover{
  background-color: red;
  color:white;
  font-style: italic;
}

.info {
  height: 200px;
  overflow: hidden;
  text-decoration: none; 
  color: white;
  border: 5px ridge #505050;
  border-radius: 5%;
  }
  .info a{
    text-decoration: none;
    color: white;
}

#marquee {
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff;
  box-sizing: border-box;
  }
  #marquee span {
    padding-left: 100%;
    display: inline-block;
    animation: scroll 50s linear infinite;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.feat {
  width: 600px;
  height: 200px;
  background-image: url('/pictures/featured.png');
  background-size: cover; 
  color: white;
  opacity: 0.5;
  border: inset 8px gray;
  margin-top: 40px;
  margin-left: 80px;
  }
  .feattext {
    width: 600px;
    height: 200px;
    color: white;
    border: inset 8px gray;
    margin-left: 80px;
    margin-top: -200px;
    margin-bottom: 20px;
}

#statuscafe {
 height: 90px;
 overflow-y: scroll;
 overflow-x: hidden;
}