[v-cloak] > * { display:none }
[v-cloak]::before { content: "loading…" }

canvas#fireworks{
    width: 100vw;
    height: 100vh;
    position: fixed;
}

.perk-zoom{
    display: none;
    opacity: 0;
}
.perk-zoom-bg{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    opacity: 0.9;
}
.perk-zoom-text{
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.perk:hover .perk-zoom{
    opacity:1;
    display: block;
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}