p {
 text-align: center;
    }

a {
  color: gray;

  }
 
 
@keyframes wee {
0% {
  transform: rotate(-10deg);
    }
50% {
  transform: rotate(0deg);
  }
  }

  #base {
 justify-content:center;
 display:flex;
 animation: wee 4s ease-out;
}

#narm {
  justify-content:center;
  display:flex;
  position:absolute;
  margin:auto;
  animation: rotate2 3s ease-out;
  
  }

@keyframes rotate2 {

 0% {

transform: rotate(-8deg);

}

 50% {

 transform: rotate(2deg);

 }

}

#arm {
animation: rotate1 3s ease-out;
position:absolute;
margin:auto;
justify-content: center;
 }

    

    @keyframes rotate1 {
 0% {
transform: rotate(20deg);
}

 50% {

 transform: rotate(-2deg);

 }

}


.container-base {
  background-color: white;
  max-width: 300px;
  max-height: 3000px;
  margin-left:auto;
  margin-right: auto;
  }

@font-face {
        font-family: 'royal';
        src: url('https://files.catbox.moe/n5wsxa.ttf');
    }
p {
  font-family: 'royal';
}