.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}

html {
    position: relative;
    min-height: 100%;
    padding-bottom: 120px;
    user-select: none;
}

main {
    background-color: var(--bs-body-bg);
    user-select: none;
}

h2 {
    white-space: nowrap;
}

.controls {
    position: fixed;
    top: 16px;
    left: 16px;
}

.controls > div > svg {
    width: 32px;
    height: 32px;
    cursor: pointer;

}

.animation-pulse {
    animation: pulse 1.5s ease-in-out infinite;
}

.animation-finish {
    animation: pulseEnd 1.5s ease-in-out none;
}

.cross-lines {
    visibility: hidden;
}

.sideButton {
    margin-bottom: 1em;
}

@keyframes pulseEnd {
    from {
        transform: revert;
    }

    to {
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.35);
    }

    100% {
        transform: scale(1);
    }
}