body {
    text-align: center;
    color: #000;
    font-family: 'Courier New', Courier, monospace;
    font-size:1em;
}

.window {
  width:min(95%, 800px);
  padding: 5px;
  margin:auto
}

.tabs {
    width:170px;
}
.tab::before{
    content:url(/assets/images/tabtail2.png);
}

.tablink{
    background-color: #d2d0de;
    height:28px;
    display:inline-block;
    width:100px;
    line-height: 28px;
    position:absolute;
    border-top: 2px black solid;
    border-bottom: 2px black solid;

}

.tab::after{
    content:url(/assets/images/tab2.png);
    margin-left:100px;
}

.active.tab::before{
    content:url(/assets/images/tabtail1.png);
}

.active > .tablink{
    background-color: #ffbc72;
    height:28px;
    display:inline-block;
    width:100px;
    line-height: 28px;
    position:absolute;
    border-top: 2px black solid;
    border-bottom: 2px black solid;
    text-align: center;
    color: #000;
    font-family: 'Courier New', Courier, monospace;
}

.active.tab::after{
    content:url(/assets/images/tab1.png);
    margin-left:100px;
}

.window {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:repeat(1, 1fr);
    gap: 10px;
}

.tabs {
    /* width:calc((32px * 7) - 10px - 56px - 10px ); */
    float:right;
    display:block;
    height:max-content;
    grid-row: 1 / 5;
    grid-column: 4;
}

.banner {
    grid-row: 1;
    grid-column: 1 / 4;
}

.content {
    border: 2px solid black;
    border-radius:5px;
    padding:5px;
    background-color: #ffbc72;
    margin-bottom:5px;
}
.intro {
    grid-row: 2 / 4;
    grid-column: 1 / 4;
}

.contentContainer {
    grid-row: 2 / 4;
    grid-column: 1 / 4;
}

.inside {
  background-color: #d2d0de;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 2px solid black;
}

.updates {
    grid-row: 4 / 5;
    grid-column: 1 / 5;
    max-height:200px;
    overflow:auto;
    text-align: left;
}

.feed-title {
  display:none;
  margin:0;
}
.feed-item-title {
  margin:0;
}
.feed-item-desc {
  margin-top:0;
}

.banner { 
    grid-row: 1;
    grid-column: 2 / 3;
}

.rss {
  text-align:center;
}


a {
  color: #433d5f;
}

h1, h2, h3, h4, h5, h6 {
  margin:0;
}