body{
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 726px;
  overflow: hidden;
  overflow: hidden;
}

@font-face {
  font-family: mono;
  src: url(https://files.catbox.moe/w89erv.ttf);
}

@font-face {
  font-family: easvhs;
  src: url(https://files.catbox.moe/qq0qva.ttf);
}

#mac{
  height: 300px;
}

#lala{
 display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -22.1em;
    left: 10.6em;
    z-index: 2;
    background: #F5F5F5;
    height: 155px;
    width: 199px;
    -webkit-mask-image: url(https://files.catbox.moe/wydpbe.png);
    mask-image: url(https://files.catbox.moe/wydpbe.png);
    mask-repeat: no-repeat;
    mask-size: 100%;
    transform: scale(1.013) translateY(-0.1px) translateX(1.5px)
}

#name{
  font-family: mono;
  font-weight: bold;
  color: #b1d5a2;
  font-size: 1.5em;
  text-shadow: -1.2px 0 black, 0 1.2px black, 1px 0 black, 0 -1.2px black, 0 0 1.2px black;
  margin-bottom: -3px;
}

#bio{
  font-family: monospace;
  font-size: 0.8em;
  text-align: justify;
}

#yass{
    margin: 0px;
    font-family: monospace;
    text-align: justify;
    font-size: 0.8em;
}

.window {
   box-shadow: inset -1px -1px #b1d5a2, inset 1px 1px #b1d5a2, inset -2px -2px #56c628, inset 2px 2px #b1d5a2, inset -3px -3px #6e935e, inset 3px 3px #6b885f;
   background: #ffffff;
}       

.flag{
  height: 7px;
  border: black 1px solid
}

#like{
 z-index: 3;
    top: 6.9em;
    left: 5em;
    position: relative;
    transform: scale(0.95);
    --window-background-color: #b1d5a2;
}

mark{
  background-color: pink
}