body {
    margin: 0;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    background-color: rgb(87, 39, 63);
    font-family: "Comic Sans MS", monospace;
}

section {
    --gap: 20px;
    display: flex;
    align-items: center;
    background-color: lightblue;
    border-radius: 20px;
    gap: var(--gap);
    padding: var(--gap);

    box-shadow: 2px 2px 5px;
    transition: scale 0.2s linear, color 2s linear;
}

section:hover {
    scale: 1.2;
    color: hotpink;
}

section img {
    max-height: 100px;
    filter: drop-shadow(2px 2px 2px hotpink);
    animation: blinky 3s linear infinite alternate-reverse;
}

@keyframes blinky {
    0% {
        opacity: 0;
    } 33% {
        opacity: 0.1;
    } 66% {
        opacity: 0;
    } 100% {
        opacity: 1;
    } 
}