
body{
  background: white;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  height: 699px;
  align-content: center;
  justify-content: center
}

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


@keyframes jitter1{
  0%   {transform: translate(1px, 1px)}
  25%  {transform: translate(-1px, 2px)}
  50%  {transform: translate(-1px, -1px)}
  75% {transform: translate(2px, 1px)}
  100% {transform: translate(1px, 1px)}
}

@keyframes jitter2{
  0%   {transform: translate(2px, 1px)}
  25%  {transform: translate(1px, 2px)}
  50%  {transform: translate(-1px, -2px)}
  75% {transform: translate(2px, 2px)}
  100% {transform: translate(1px, 2px)}
}

@keyframes jitter3{
  0%   {transform: translate(1px, 1px)}
  25%  {transform: translate(1px, 2px)}
  50%  {transform: translate(-1px, 2px)}
  75% {transform: translate(2px, -1px)}
  100% {transform: translate(1px, -1px)}
}

@keyframes jitter4{
  0%   {transform: translate(-1px, -1px)}
  25%  {transform: translate(-1px, 2px)}
  50%  {transform: translate(-2px, -1px)}
  75% {transform: translate(-2px, 1px)}
  100% {transform: translate(-1px, 1px)}
}

@keyframes jitter5{
  0%   {transform: translate(1px, -1px)}
  25%  {transform: translate(-1px, 3px)}
  50%  {transform: translate(2px, 1px)}
  75% {transform: translate(-2px, 1px)}
  100% {transform: translate(1px, -2px)}
}

#name{
display: inline-block;
font-size: 3.5em;
font-family: dilo;
font-weight: bold;
-webkit-text-stroke: 1px black;
color: green;
margin-bottom: -5px;
} 

._lttr{
display: inline-block
}

#l1{
animation: jitter1 2s step-end infinite;
}
#l2{
animation: jitter2 2s step-end infinite;
}
#l3{
animation: jitter3 2s step-end infinite;
}
#l4{
animation: jitter4 2s step-end infinite;
}
#l5{
animation: jitter5 2s step-end infinite;
}  

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

#box{
  width: 151.4px;
      display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

lol{
  background: #52750650
}

#break{
  color: transparent;
  line-height: 0.4em
}

#lyric{
  height: 50px;
    position: absolute;
    top: 25em;
    transform: translateX(75%);
}

#text{
font-family: arial;
    font-size: 0.85em;
    margin-top: -5px;
    text-align: justify;
}

#pic{
 height: 290px;
 padding: 7px;
     width: 130px;
 shape-outside: url("https://files.catbox.moe/tps089.png");
    transform: scale(1.2);
    margin-left: -15px;
    object-fit: cover;
    filter: drop-shadow( 0.5px 0px 0.3px black) drop-shadow(-0.5px 0px 0.3px black) drop-shadow( 0px 0.5px 0.3px black) drop-shadow( 0px -0.5px 0.3px black);
}

