CSS
body{
background:black;
}
.container{
position:relative;
width:1200px;
height:700px;
margin:0 auto;
padding-top:192px;
}
.sol{
position:absolute;
width:90px;
height:90px;
border-radius:100%;
border: 2px solid rgba(248, 241, 75, .5);
border-color: rgba(248, 241, 75, 1);
-webkit-box-shadow: 0 0 30px 3px rgba(248, 241, 75, .3);
-moz-box-shadow: 0 0 30px 3px rgba(248, 241, 75, .3);
box-shadow: 0 0 30px 3px rgba(248, 241, 75, .3);
margin: 50px 212px;
}
.casa{
position:absolute;
width:152px;
height:132px;
margin: 312px 281px;
border: 2px solid rgba(251, 94, 55, .5);
border-color: rgba(251, 94, 55, 1);
-webkit-box-shadow:0 0 21px 3px rgba(251, 94, 55, .5);
-moz-box-shadow:0 0 21px 3px rgba(251, 94, 55, .5);
box-shadow: 0 0 21px 3px rgba(251, 94, 55, .5);
}
.casa::before{
content:"";
display:block;
width:0;
height:172px;
border: 1px solid rgba(255, 251, 0, .5);
border-color: rgba(255, 251, 0, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 251, 0, .3);
-moz-box-shadow:0 0 21px 3px rgba(255, 251, 0, .3);
box-shadow: 0 0 21px 3px rgba(255, 251, 0, .3);
margin:-112px 5px;
transform: rotate(55deg);
-moz-transform: rotate(55deg);
-webkit-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
}
.casa::after{
content:"";
display:block;
width:0;
height:172px;
border: 1px solid rgba(255, 251, 0, .5);
border-color: rgba(255, 251, 0, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 251, 0, .3);
-moz-box-shadow:0 0 21px 3px rgba(255, 251, 0, .3);
box-shadow: 0 0 21px 3px rgba(255, 251, 0, .3);
margin:-333px 147px;
transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
-webkit-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
}
ul.v1{
display:block;
width:112px;
height:132px;
list-style:none;
margin:70px -19px
}
ul.v1 li{
display:inline-block;
width:30px;
height:30px;
border: 2px solid rgba(255, 251, 0, .5);
border-color: rgba(255, 251, 0, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 251, 0, .3);
-moz-box-shadow:0 0 21px 3px rgba(255, 251, 0, .3);
box-shadow: 0 0 21px 3px rgba(255, 251, 0, .3);
margin:5px 0px;
}
.casa3{
position:absolute;
width:192px;
height:172px;
background:#220011;
margin: 271px 512px;
border: 2px solid rgba(40, 251, 255,.5);
border-color: rgba(40, 251, 255, 1);
-webkit-box-shadow:0 0 21px 3px rgba(40, 251, 255, .5);
-moz-box-shadow:0 0 21px 3px rgba(40, 251, 255, .5);
box-shadow: 0 0 21px 3px rgba(40, 251, 255, .5);
}
.casa3::before{
content:"";
display:block;
width:0;
height:212px;
border: 1px solid rgba(255, 21, 255, .5);
border-color: rgba(255, 21, 255, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 21, 255, .3);
-moz-box-shadow:0 0 21px 3px rgba(255, 21, 255, .3);
box-shadow: 0 0 21px 3px rgba(255, 21, 255, .3);
margin:-142px 9px;
transform: rotate(55deg);
-moz-transform: rotate(55deg);
-webkit-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
}
.casa3::after{
content:"";
display:block;
width:0;
height:212px;
border: 1px solid rgba(255, 21, 255, .5);
border-color: rgba(255, 21, 255, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 21, 255, .3);
-moz-box-shadow:0 0 21px 3px rgba(255, 21, 255, .3);
box-shadow: 0 0 21px 3px rgba(255, 21, 255, .3);
margin:-427px 183px;
transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
-webkit-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
}
ul.v2{
display:block;
width:192px;
height:132px;
list-style:none;
margin:112px -30px
}
ul.v2 li{
display:inline-block;
width:30px;
height:30px;
border: 2px solid rgba(255, 21, 255, .5);
border-color: rgba(255, 21, 255, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 21, 255, .3);
-moz-box-shadow:0 0 21px 3px rgba(255, 21, 255, .3);
box-shadow: 0 0 21px 3px rgba(255, 21, 255, .3);
margin:5px 3px;
}
.casa6{
position:absolute;
width:152px;
height:132px;
margin: 312px 780px;
border: 2px solid rgba(251, 94, 55, .5);
border-color: rgba(255, 0, 102, 1);
-webkit-box-shadow:0 0 21px 3px rgba(255, 0, 102, .5);
-moz-box-shadow:0 0 21px 3px rgba(255, 0, 102, .5);
box-shadow: 0 0 21px 3px rgba(255, 0, 102, .5);
}
.casa6::before{
content:"";
display:block;
width:0;
height:172px;
border: 1px solid rgba(0, 247, 152, .5);
border-color: rgba(0, 247, 152, 1);
box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
-webkit-box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
-moz-box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
margin:-112px 5px;
transform: rotate(55deg);
-moz-transform: rotate(55deg);
-webkit-transform: rotate(55deg);
-o-transform: rotate(55deg);
-ms-transform: rotate(55deg);
}
.casa6::after{
content:"";
display:block;
width:0;
height:172px;
border: 1px solid rgba(0, 247, 152, .5);
border-color: rgba(0, 247, 152, 1);
box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
-webkit-box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
-moz-box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
margin:-333px 147px;
transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
-webkit-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
}
ul.v3{
display:block;
width:112px;
height:132px;
list-style:none;
margin:70px -19px
}
ul.v3 li{
display:inline-block;
width:30px;
height:30px;
border: 2px solid rgba(0, 247, 152, .5);
border-color: rgba(0, 247, 152, 1);
box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
-webkit-box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
-moz-box-shadow: 0 0 21px 3px rgba(0, 247, 152, .3);
margin:5px 0px;
}
.base{
position:relative;
width:900px;
height:0px;
margin: 450px auto;
border: 1px solid rgba(187, 241, 55, .5);
border-color: rgba(187, 241, 55, 1);
box-shadow: 0 0 12px 3px rgba(187, 241, 55, .3);
-webkit-box-shadow: 0 0 12px 3px rgba(187, 241, 55, .3);
-moz-box-shadow: 0 0 12px 3px rgba(187, 241, 55, .3);
}
.chi{
position:absolute;
width:30px;
height:50px;
border: 1px solid rgba(255, 21, 255, .5);
border-color: rgba(255, 21, 255, 1);
box-shadow: 0 0 12px 3px rgba(255, 21, 255, .3);
-webkit-box-shadow: 0 0 12px 3px rgba(255, 21, 255, .3);
-moz-box-shadow: 0 0 12px 3px rgba(255, 21, 255, .3);
margin:192px 670px;
}
.chi::before{
content:"";
display:block;
width:43px;
height:12px;
border: 1px solid rgba(255, 21, 255, .5);
border-color: rgba(255, 21, 255, 1);
box-shadow: 0 0 21px 3px rgba(255, 21, 255, .3);
-webkit-box-shadow: 0 0 21px 3px rgba(255, 21, 255, .3);
-moz-box-shadow: 0 0 21px 3px rgba(255, 21, 255, .3);
margin:-14px -7px
}
.hu{
position:absolute;
width:30px;
height:14px;
border-radius:0px 0px 30px 30px;
border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);
margin:132px 660px;
-moz-animation:huu 3s alternate infinite ;
-webkit-animation: huu 3s alternate infinite;
-o-animation: huu 3s alternate infinite;
animation:huu 3s alternate infinite;
}
.hu::before{
content:"";
display:block;
width:21px;
height:12px;
border-radius:0px 0px 30px 30px;
border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);
margin:-9px 30px;
-moz-animation:huu3 3.1s alternate infinite ;
-webkit-animation: huu3 3.1s alternate infinite;
-o-animation: huu3 3.1s alternate infinite;
animation:huu3 3.1s alernate infinite;
}
.hu::after{
content:"";
display:block;
width:21px;
height:12px;
border-radius:0px 0px 30px 30px;
border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);
margin:-30px 3px;
-moz-animation:huu6 3.2s alternate infinite ;
-webkit-animation: huu6 3.2s alternate infinite;
-o-animation: huu6 3.2s alternate infinite;
animation:huu6 3.2s alternate infinite;
}
.cat{
position:absolute;
width:21px;
height:17px;
border-radius:100%;
margin:201px 345px;
border: 1px solid rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, 1);
box-shadow: 0 0 12px 3px rgba(255, 255, 255, .3);
-webkit-box-shadow: 0 0 12px 3px rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 12px 3px rgbargba(255, 255, 255, .3);
}
.cat::before{
content:"";
display:block;
width:23px;
height:19px;
border-radius:100%;
border: 2px solid rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, 1);
box-shadow: 0 0 12px 3px rgba(255, 255, 255, .3);
-webkit-box-shadow: 0 0 12px 3px rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 12px 3px rgbargba(255, 255, 255, .3);
margin:16px -3px;
}
.orejas{
position:absolute;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 12px solid white;
margin:-65px 14px;
transform: rotate(25deg);
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
}
.orejas::before{
content:"";
display:block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 12px solid WHITE;
margin:7px -21px;
transform: rotate(-53deg);
-moz-transform: rotate(-53deg);
-webkit-transform: rotate(-53deg);
-o-transform: rotate(-53deg);
-ms-transform: rotate(-53deg);
}
.orejas::after{
content:"";
display:block;
width:21px;
height:12px;
border-radius:0px 0px 30px 30px;
border-bottom: 2px solid rgba(255, 255, 255, 1);
border-right: 2px solid rgba(255, 255, 255, 1);
border-left: 2px solid rgba(255, 255, 255, 1);
margin:16px -3px;
border-color: rgba(255, 255, 255, 1);
margin:30px 9px;
-moz-animation:col 3s alternate infinite ;
-webkit-animation: col 3s alternate infinite;
-o-animation: col 3s alternate infinite;
animation:col 3s alternate infinite;
}
.birds{
position:absolute;
width:12px;
height:6px;
opacity:1;
border-radius:0 0 30px 30px;
border-bottom: 2px solid rgba(0, 231, 255, 1);
border-right: 2px solid rgba(0, 231, 255, 1);
border-left: 2px solid rgba(0, 231, 255, 1);
border-color: rgba(0, 231, 255, 1);
margin:152px 375px;
-moz-animation:vuela 2s alternate infinite ;
-webkit-animation: vuela 2s alternate infinite;
-o-animation: vuela 2s alternate infinite;
animation:vuela 2s alternate infinite;
}
.birds::before{
content:"";
display:block;
width:12px;
height:6px;
border-radius:0px 0px 30px 30px;
border-bottom: 2px solid rgba(0, 231, 255, 1);
border-right: 2px solid rgba(0, 231, 255, 1);
border-left: 2px solid rgba(0, 231, 255, 1);
border-color: rgba(0, 231, 255, 1);
margin:0px 12px;
}
.birds3{
position:absolute;
width:12px;
height:6px;
opacity:0;
border-radius: 30px 30px 0 0;
border-top: 2px solid rgba(0, 231, 255, 1);
border-right: 2px solid rgba(0, 231, 255, 1);
border-left: 2px solid rgba(0, 231, 255, 1);
border-color: rgba(0, 231, 255, 1);
margin:152px 375px;
-moz-animation:vuela3 2s alternate infinite ;
-webkit-animation: vuela3 2s alternate infinite;
-o-animation: vuela3 2s alternate infinite;
animation:vuela3 2s alternate infinite;
}
.birds3::before{
content:"";
display:block;
width:12px;
height:6px;
border-radius:30px 30px 0 0;
border-top: 2px solid rgba(0, 231, 255, 1);
border-right: 2px solid rgba(0, 231, 255, 1);
border-left: 2px solid rgba(0, 231, 255, 1);
border-color: rgba(0, 231, 255, 1);
margin:0px 12px;
}
.birds4{
position:absolute;
width:12px;
height:6px;
opacity:1;
border-radius:0 0 30px 30px;
border-bottom: 2px solid rgba(255, 91, 132, 1);
border-right: 2px solid rgba(255, 91, 132, 1);
border-left: 2px solid rgba(255, 91, 132, 1);
border-color: rgba(255, 91, 132, 1);
margin:132px 385px;
-moz-animation:vuela 2s alternate infinite ;
-webkit-animation: vuela 2s alternate infinite;
-o-animation: vuela 2s alternate infinite;
animation:vuela 2s alternate infinite;
}
.birds4::before{
content:"";
display:block;
width:12px;
height:6px;
border-radius:0px 0px 30px 30px;
border-bottom: 2px solid rgba(255, 91, 132, 1);
border-right: 2px solid rgba(255, 91, 132, 1);
border-left: 2px solid rgba(255, 91, 132, 1);
border-color: rgba(255, 91, 132, 1);
margin:0px 12px;
}
.birds5{
position:absolute;
width:12px;
height:6px;
opacity:0;
border-radius: 30px 30px 0 0;
border-top: 2px solid rgba(255, 91, 132, 1);
border-right: 2px solid rgba(255, 91, 132, 1);
border-left: 2px solid rgba(255, 91, 132, 1);
border-color: rgba(255, 91, 132, 1);
margin:132px 395px;
-moz-animation:vuela3 2s alternate infinite ;
-webkit-animation: vuela3 2s alternate infinite;
-o-animation: vuela3 2s alternate infinite;
animation:vuela3 2s alternate infinite;
}
.birds5::before{
content:"";
display:block;
width:12px;
height:6px;
border-radius:30px 30px 0 0;
border-top: 2px solid rgba(255, 91, 132, 1);
border-right: 2px solid rgba(255, 91, 132, 1);
border-left: 2px solid rgba(255, 91, 132, 1);
border-color: rgba(255, 91, 132, 1);
margin:0px 12px;
}
.arboles{
position:absolute;
width:12px;
height:21px;
border: 2px solid rgba(162, 57, 0, .5);
border-color: rgba(162, 57, 0, 1);
box-shadow: 0 0 12px 3px rgba(162, 57, 0, .3);
-webkit-box-shadow:0 0 12px 3px rgba(162, 57, 0, .3);
-moz-box-shadow: 0 0 12px 3px rgba(162, 57, 0, .3);
margin:425px 192px
}
.arboles::before{
content:"";
display:block;
width:50px;
height:40px;
border-radius:100%;
border: 2px solid rgba(162, 228, 0, .5);
border-color: rgba(162, 228, 0, 1);
box-shadow: 0 0 12px 3px rgba(162, 228, 0, .3);
-webkit-box-shadow:0 0 12px 3px rgba(162, 228, 0, .3);
-moz-box-shadow: 0 0 12px 3px rgba(162, 228, 0, .3);
margin:-45px -21px
}
.arboles3{
position:absolute;
width:12px;
height:21px;
border: 2px solid rgba(162, 57, 0, .5);
border-color: rgba(162, 57, 0, 1);
box-shadow: 0 0 12px 3px rgba(162, 57, 0, .3);
-webkit-box-shadow:0 0 12px 3px rgba(162, 57, 0, .3);
-moz-box-shadow: 0 0 12px 3px rgba(162, 57, 0, .3);
margin:425px 995px
}
.arboles3::before{
content:"";
display:block;
width:50px;
height:40px;
border-radius:100%;
border: 2px solid rgba(162, 228, 0, .5);
border-color: rgba(162, 228, 0, 1);
box-shadow: 0 0 12px 3px rgba(162, 228, 0, .3);
-webkit-box-shadow:0 0 12px 3px rgba(162, 228, 0, .3);
-moz-box-shadow: 0 0 12px 3px rgba(162, 228, 0, .3);
margin:-45px -21px;
}
@-webkit-keyframes huu {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@-moz-keyframes huu {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@keyframes huu {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@-webkit-keyframes huu3 {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@-moz-keyframes huu3 {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@keyframes huu3 {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@-webkit-keyframes huu6 {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@-moz-keyframes huu6 {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@keyframes huu6 {0%
{border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
25% { border-bottom: 2px solid #212121;
border-right: 2px solid #212121;
border-left: 2px solid #212121;
border-color: #212121; }
50% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
75% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1); }
100% { border-bottom: 2px solid rgba(213, 255, 75, 1);
border-right: 2px solid rgba(213, 255, 75, 1);
border-left: 2px solid rgba(213, 255, 75, 1);
border-color: rgba(213, 255, 75, 1);}
}
@-webkit-keyframes col{0%
{transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
100% { transform: rotate(5deg);
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
margin: 23px 12px}
}
@-moz-keyframes col{0%
{transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
100% { transform: rotate(5deg);
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
margin: 23px 12px}
}
@keyframes col{0%
{transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
100% { transform: rotate(5deg);
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
margin: 23px 12px}
}
@-webkit-keyframes vuela {
0%
{opacity:1;}
25% { opacity:1;}
50% { opacity:0;}
100% { opacity:0;}
}
@-moz-keyframes vuela {
0%
{opacity:1;}
25% { opacity:1;}
50% { opacity:0;}
100% { opacity:0;}
}
@keyframes vuela {
0%
{opacity:1;}
25% { opacity:1;}
50% { opacity:0;}
100% { opacity:0;}
}
@-webkit-keyframes vuela3{
0%
{opacity:0;}
25% { opacity:0;}
50% { opacity:1;}
100% { opacity:1;}
}
@-moz-keyframes vuela3{
0%
{opacity:0;}
25% { opacity:0;}
50% { opacity:1;}
100% { opacity:1;}
}
@keyframes vuela3{
0%
{opacity:0;}
25% { opacity:0;}
50% { opacity:1;}
100% { opacity:1;}
}
