
::-webkit-scrollbar {
  width: 5px;
}
body {
  background-image: url("https://lh3.googleusercontent.com/pw/AP1GczMEeLRzQo8uh5f-hlEVHatQOd0vAOmQo7_cAVfeXaVgvcEkxB38nJDCqfA42fNn3wNgrvn7B80Yza5vL0ijoQm6M3KOKYVniyiL6D0ypQq7DwnpFEA=w2400");
  color: #bab8b9;
  font-family: 'VT323', monospace;
  text-align: center;
  background-repeat:repeat;
  background-size: 310px 368px;
  background-position-x: -2px;
}

.icon2 {
  background-image: url("https://lh3.googleusercontent.com/pw/AP1GczPcuOt-GCuOhLbQqnOC7q-xOY9lXCESbNKOTsye5Gzw5NU1dP1zBKgxlWL9H4LS01lJST_PunTUeQYN0E-TCfoUUzo1HQRuBTc0SrHIvUSaVu2bIzI=w2400");
  margin-left: -85px;
  border: 1px solid;
  height: 113px;
  width: 82px;
  position: absolute;
  background-size: 95px 115px;
  background-position-x: -7px;
  filter: grayscale(35%);
}


.about {
  background-image: url("https://lh3.googleusercontent.com/pw/AP1GczMpRYz0gA7C4d2PiZGRAc72aTua79UjUexw05JArGfV1TRiWc_ijf3KUFgoZquCG9VKydXDpV__MF6HBzcm1AzlYQMrvHxUcnMPzAfcDYKFj4jxRdU=w2400");
  background-size: 170px 198px;
  background-position-x: -13px;
  background-position-y: -50px;
  margin-top: 5px;
}

.about1 {
  font-size: 9px;
  padding: 5px 8px;
  word-wrap: break-word;
  margin-left: 0px;
}

.image-board {
display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    overflow-y: scroll;
    max-height: 137px;
    scroll-behavior: smooth;
    position: absolute;
    left: 130px;
    bottom: 44px;
    scrollbar-width: thin;
    scrollbar-color: #aaa #f1f1f1;
}

.image-board::-webkit-scrollbar {
    width: 1px;
}

.image-board::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.image-board::-webkit-scrollbar-thumb {
    background: #888;
}

.image-board::-webkit-scrollbar-thumb:hover {
    background: #cfcfcf;
}

.image-board img {
    border-radius: 4px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(35%);
    border: #D6D0D3 solid 1px;
    max-width: 100px;
    height: 30px;
    width: 30px;
}


.info {
  background-image: url(https://lh3.googleusercontent.com/pw/AP1GczMpRYz0gA7C4d2PiZGRAc72aTua79UjUexw05JArGfV1TRiWc_ijf3KUFgoZquCG9VKydXDpV__MF6HBzcm1AzlYQMrvHxUcnMPzAfcDYKFj4jxRdU=w2400);
    background-size: 170px 198px;
    background-position-x: -13px;
    background-position-y: -60px;
  margin-top: 11px;
  margin-left: -5px;
  width: 100px;
border: 0.8px dashed rgba(179,177,176,0.8);
border-radius: 1px;

}

.info1 {
  padding: 5px 5px;
  word-wrap: break-word;
  margin-left: 5px;
}

.inside {
    border: #a29c9f solid 1px;
    font-size: 9.5px;
    padding: 1px 5px;
    height: 111px;
    width: 145px;
    background-image: url("https://lh3.googleusercontent.com/pw/AP1GczPa0EUjYMwzAx-Nv05S0bjG4ucy_U9FbYHh5REr71PBUtSvPz8VwQ-hqWfdr8aT66c1xy6ZAepYKanEMAi1NKbz4utINy4tC7N2JKipd_a_ZkJT0iI=w2400");
    background-size: 500px 500px;
    background-position-y: 150px;
}

.inside2 {
  font-size: 9.5px;
  padding: 1px 1px;
  height: 160px;
  width: 100px;
  background-size: 500px 500px;
  background-position-y: 150px;
  margin-right: 144px;
}

.bio {
      margin-top: 58px;
      margin-bottom: 10px;
      margin-left: 95px;
      background-color: #c9c9c929;
}


body img {
  width: 150px;
  height: 13px;
  margin-bottom: 0px;
}

hr.dashed {
    border: 1px dashed #D6D0D3;
    width: 380px;
    margin-left: -101px;;
}

.status-bubble {
 display: inline-block;
    font-size: 8px;
    padding: 4px 8px;
    background-color: rgba(255, 255, 255, 0.4);
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 75px;
    width: 45px;
    font-style: italic;
}
.status-container {
  text-align: center;
}

.prevent-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container3 {
  height: 155px;
  background-color: #c9c9c929;
  width: 273px;
  margin-right: 155px;
}

img {
  -webkit-user-drag: none;
  user-drag: none;
}

@media screen and (min-width: 400px) {
body {
	zoom: 160%;
  font-size: 9px;
}

.about1 {
    padding: 5px 8px;
    font-size: 9.5px;
}
.about2 {
  margin-top: -4px;
}
.info2 {
  margin-right: 0px
}
.title1 {
  font-size: 11px;
  margin-top: 10px;
}
}
