.header {
  grid-area: obahead;
}
.updates {
  grid-area:yeendates;
}
.image {
  grid-area:obaimage;
}
.musicplayer {
  grid-area:tunez;
}
.externallinkbox {
  grid-area:outyeensites;
}
.internallinkbox {
  grid-area:inyeensites;
}
.stickers {
  grid-area:stickerbox;
}
.blinkiebar {
  grid-area:yeenblinks;
}

.oba-container {
  display: grid;
  grid-template-areas:
    'obahead obahead obahead'
    'yeendates obaimage tunez'
    'yeendates obaimage tunez'
    'outyeensites obaimage stickerbox'
    'outyeensites obaimage stickerbox'
    'outyeensites inyeensites stickerbox'
    'yeenblinks yeenblinks yeenblinks';
  gap: 30px 10px ;
  background-color: #9c2afe;
  padding: 10px;
}



.oba-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 15px 0;
  font-size: 10px;
}

.obaimage {
  height: 270.25px;
  width: 292.75px;
}

.brackets {
border: 3px purple solid;
border-width: 0 3px 0 3px;
border-radius:10px;
padding: 2px 4px 2px 4px;
width:70%; /* change number if needed */
height:100px; /* change number if needed */
overflow-y:auto;
}