:container{
height: 100% !important;
}
:doodle{
position: absolute;
z-index: 999;
@grid:10 / 100vmax;
}
@size: @rand(10\,35)px;
background: url(./images/part1/ribbons/@pick(ribbon_01,ribbon_02,ribbon_03,ribbon_04,ribbon_05,ribbon_06,ribbon_07,ribbon_08,ribbon_09).png);
background-size: contain;
background-repeat: no-repeat;
transform: rotate(@rand(0,360)deg);
position: absolute;
left: @rand(0,100)%;
top: -5%;
animation: sakura 30s infinite @rand(0,50)s;
@keyframes sakura {
0%{
top:0%;
left:@rand(-20,100)%;
transform:rotate(@rand(1080,1200)deg);
}
100%{
top:100%;
left:@rand(0,110)%;
transform:rotate(@rand(3600,4000)deg);
}
}