.container {}
.about-main {
    margin: 0px 8px 0px 8px;
    background: var(--container-img);
}
.about-main p {
    padding:7px;
}
.tab {
  overflow: hidden;
  background: var(--navbutton-color)
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 10px;
  transition: 0.3s;
  font-size: 20px;
  box-shadow: inset 0px 0px 0px 1px var(--border-shadow-color);
  font-family: inherit;
}
.tab button.active {
    background: var(--navbutton-hover-color);
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
.tab button:hover {
    background: var(--navbutton-hover-color);
}
.tablinks {
    width: 33.3%
}
#yu {
    width: 150px;
    float: left;
}
.about-header {
    padding:0;
    margin:0;
    color: white;
    background-color: var(--header-color);
    text-align: center;
}
table, td {
    margin-top:4px;
    padding: 5px;
    border: 1px solid var(--border-color);
    border-collapse: collapse;
    background: var(--container2-img);
    background-color: white;
}
#blorbos {
}
.blorbos-image {
    margin-top: 4px;
    margin-bottom: -4px;
    width: 116.8px;
    border: 2px solid var(--border-color);
    filter: grayscale(25%);
}
.blorbos-image:hover {
    filter: grayscale(0%);
}
.about-r {
    overflow: hidden;
}
.about-r img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
}
.about-name {
    background: var(--container-img);
    margin-top: 4px;
}
.about-name p {
    padding: 0px 4px 0px 4px;
    text-align: center;
}
.about-likes {
    margin-top: 4px;
    background: var(--container-img);
}
.about-likes li {
    list-style-position: inside;
    padding: 0px 4px 0px 4px;
}
.about-likes ul {
    margin:0;
    padding: 0px 0px 4px 0px;
}

@media screen and (max-width: 768px) {
 .about-main {
    margin: 4px 0
 }   
}