:root {
    --background: #30243b;
    --text: #fbf2ff;
    --color01: #ab85d6;
    --color02: #785b99;
}


body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin:0;
    color: var(--text);
    background-color: var(--background);
    font-family: "poppins";
    padding-top: 50px;
}

img {
    max-width: 200px;
    animation: move 1s infinite;
}

#socialMedia{
    display: flex;
    gap: 20px;
}
    .media>img {
    max-width: 64px;
    animation: none;
}

@keyframes move {
    0% { transform: translateY(0);}
    50% { transform: translateY(10px);}
    100% { transform: translateY(0);}
}