.main {
  display: grid;
  grid-template-columns: 225px 860px;
  gap: 10px;
  overflow-x: hidden;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  max-height: fit-content;
  overflow-y: show;
  box-sizing: border-box;
  background: rgba(253, 245, 230, 0.7);
}

#status a {
  color: IndianRed; 
}

.mainarticle {
  color: MidnightBlue;
  margin-right: 10px;
}

.mainarticle a{
 color: MidnightBlue; 
}

#mainimg {
 align-self: flex-start;
 float: left;
 margin-right: 10px;
 margin-left: 0;
}

.maincontent h3 p ul {
 display: flex;
 margin: 20px;
 flex-grow: 1;
 margin-left: 10px; 
 margin-right: 20px;
 float: none;
 width: fit-content;
 margin-top: 0;
 padding-top: 0;
}

.maincontent img { 
 border-style: dashed none;
 border-color: #f9c00f;
}

#aboutcsi img {
 float: right;
 margin-left: 10px;
 width: 225px;
}


#index {
  transform: translateY(-15px);
  max-height: 200px;
  overflow-y: scroll;
  scrollbar-width: thin;  /*Ignore Warning*/
  scrollbar-color: DarkSalmon IndianRed;  /*Ignore Warning*/
  padding: 5px;
  margin-top: 0;
  margin-bottom: 0;
}