body{
background: #5D4A78;
}
.title {
	color: #5C6AC4;
}
.container {
    display: flex;
    gap: 30px;
    justify-content: center;
}
.aboutme {
    width: 130px;
    height: 130px;
    background: #171717;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15%;
    transition: 0,3s;
    text-decoration: none;
   position: relative;
    top: 300px;
    left: 200PX;
    animation: float 4.5s ease-in-out infinite;
     border: 2px solid white;

}
.aboutme:hover{
animation-play-state: paused;
}
.music{
    width: 130px;
    height: 130px;
    background: #171717;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15%;
    transition: 0,3s;
        text-decoration: none;
   position: relative;
    top: 10px;
    left: 20px;
    animation: float 5s ease-in-out infinite;
    animation-delay: 0.5s;
     border: 2px solid white;

}
.music:hover{
    animation-play-state: paused;
}
.poke{
     width: 130px;
    height: 130px;
    background: #171717;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15%;
    transition: 0,3s;
    position: relative;
    top: 38px;
        text-decoration: none;
    left: -170px;
    animation: float 4s ease-in-out infinite;
    border: 2px solid white;
  
}
.poke:hover{
    animation-play-state: paused;
}
@keyframes float{
    0%{
        transform: translateY(0%);
    }
    50%{
        transform: translateY(-10%);
    }
    100%{
        transform: translateY(0px);
    }
}