@keyframes goup {
    from{
        margin-top: 200%;
    }
    to{
        margin-top: 0;
    }
}

@keyframes dialog-open {
    from{
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.01);
        backdrop-filter: blur(0px);
    }
    to{
        height: 36vh;
        background-color: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(4px);
    }
}

@keyframes dialog-close {
    from{
        height: 36vh;
        background-color: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(4px);
    }
    to{
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.01);
        backdrop-filter: blur(0px);
    }
}

@keyframes rotation {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(359.99deg);
    }
}