/* Sakura Petals - Styles for sakura.js animation */
.hana {
    position: absolute;
    height: 0;
    width: 0;
    border: 10px solid #FFB7C5;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.hana::after {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: -7px;
    height: 0;
    width: 0;
    border: 10px solid #FFB7C5;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    transform: rotate(15deg);
}

.y1 {
    animation: v1 10s infinite;
}

.y2 {
    animation: v2 9s infinite;
}

@keyframes v1 {
    from { transform: rotate(0deg); }
    50% { transform: rotate(270deg); }
    to { transform: rotate(1deg); }
}

@keyframes v2 {
    from { transform: rotate(-90deg) scale(.8); }
    50% { transform: rotate(-360deg) scale(.8); }
    to { transform: rotate(-89deg) scale(.8); }
}