@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap');

body{
    background-color: black;
    color: white;
    font-family: 'Roboto', sans-serif;

}
.head { 
    width:100%;
}

.ap_01{
    animation-duration: 2s;
    animation-name: slidein;
    text-align: center;
}
.ap_02{
    animation-duration: 3s;
    animation-name: slideinidiot;
    text-align: center;
}

  @keyframes slidein {
    from {
      margin-right: 100%;
      width: 300%;
    }
  
    to {
      margin-right: 0%;
      width: 100%;
    }
  }
  @keyframes slideinidiot {
    from {
      margin-right: 100%;
      width: 300%;
    }
  
    to {
      margin-right: 0%;
      width: 100%;
    }
  }