@charset "utf-8";

/* reset */
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe{margin:0;padding:0}
html{overflow-y:scroll}
header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block;margin:0;padding:0;vertical-align:baseline}
body{position:relative;width:100%;font-family:'Noto Sans KR','돋움','dotum',sans-serif;font-size:14px;color:#262626;line-height:1;background:#fff}
input,textarea,button,select{font-size:inherit;font-family:'Noto Sans KR','돋움','dotum',sans-serif;font-family:inherit}
img,fieldset,button{border:0}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a,a:link{text-decoration:none;color:#000}
a,a:link, a:active{background-color:transparent}
a,img{vertical-align:top}
hr{display:none}
legend, .blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.ir{text-indent:-9999px;overflow:hidden}
input, button, textarea{outline:0}
button{border:0;cursor:pointer}

/* layout */ 
#wrap{position:relative;width:100%;min-width:1280px;overflow:hidden}
#wrap .section{position:relative;width:100%;overflow:hidden}
.section .container{position:relative;width:1240px;height:100%;margin:0 auto}
.section .bg_section{position:absolute;top:0;left:0;width:99.99%;height:100%;padding-left:0.01%}

/* common */
.object_wrap{position:absolute;top:0;left:0;width:100%}
.object_wrap div, .object_wrap span{position:absolute}
.content .bg_cnt{position:absolute;left:0;width:100%;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_title_content.png") 50% 0 no-repeat}

/* header */
#header h1 a, #header .util li a span, #header .util button{display:block;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_bj_0zqvm7/spr.png") no-repeat;text-indent:-99999px;overflow:hidden}
#header{position:absolute;top:0;left:0;right:0;height:106px;z-index:100;border-bottom:1px solid #262626}
#header h1, #header .util{position:absolute}
#header h1{top:19px;left:46px}
#header h1 a{width:100px;height:69px}
#header .util{position:absolute;top:35px;right:42px;padding-right:324px}
#header .util ul{position:relative;*zoom:1}
#header .util ul:after{content:"";display:block;clear:both}
#header .util li{float:left;margin-left:10px}
#header .util li a{position:relative;display:block;width:36px;height:36px;border:1px solid #262626}
#header .util li a:hover{border-color:#EDEDED}
#header .util li a:before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:0;background:#ededed;transition:height 150ms ease}
#header .util li a:hover:before{top:0;height:100%}
#header .util li span{position:relative;width:100%;height:100%}
#header .util .btn_h span{background-position:-1px -263px}
#header .util .btn_c span{background-position:-49px -263px}
#header .util li .bubble{position:absolute;width:114px;height:25px;filter:alpha(opacity=0);opacity:0;filter:alpha(opacity=100);pointer-events:none}
#header .util .btn_h .bubble{top:-32px;left:-94px;background-position:-454px -554px;transform:translateY(5px)}
#header .util .btn_c .bubble{bottom:-31px;left:-96px;background-position:-308px -554px;transform:translateY(-5px)}
#header .util li a:hover .bubble{filter:alpha(opacity=100);opacity:1;transition:all 300ms ease;transform:translateY(0)}
#header .util .btn_start{position:absolute;right:0;top:-3px;width:286px;height:43px;background-position:0 -112px}
#header .util .btn_start:hover{background-position:0 -189px}
 
/* nav */
#nav{position:absolute;top:52px;left:50%;margin-left:-544px}
#nav ul{position:relative;*zoom:1}
#nav ul:after{content:"";display:block;clear:both}
#nav li{float:left;min-width:164px;margin:0 71px 0 70px}
#nav li:first-child{width:164px}
#nav li:nth-child(2){width:175px}
#nav li a{display:block;position:relative;white-space:nowrap;text-align:center}
#nav li .txt{font-size:25px;letter-spacing:-0.03em}
#nav li .blt{position:absolute;bottom:-45px;left:50%;width:22px;height:22px;border:4px solid #3D3D3D;border-radius:100%;background:#F4F2EC;margin-left:-15px}
#nav li.on .blt, #nav li a:hover .blt{background:#2DFFE9}

/* intro */
.intro{height:1315px}
.intro .bg_section{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/bg_intro.jpg") center top no-repeat}
.intro .title_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_title_intro.png") no-repeat;opacity:0;filter:alpha(opacity=100)}
.load .intro .object_wrap span{opacity:1}
.intro .title_wrap .txt{height:100%}
.intro .title_wrap .line{width:0;height:7px}
.intro .title_wrap .small{top:205px;left:298px;width:638px;height:137px;overflow:hidden;padding-top:20px}
.intro .title_wrap .small .line{transition:width 300ms ease}
.intro .title_wrap .small .txt{bottom:0;left:106px;width:415px;height:137px;transform:scaleY(0);transform-origin:50% 100%}
.load .intro .title_wrap .small .txt{transform:scaleY(1);transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .5, .3, 1.5);transition-delay:100ms}
.intro .title_wrap .small ._l1{bottom:4px;right:447px;background-position:100% 0}
.load .intro .title_wrap .small ._l1{width:191px}
.intro .title_wrap .small ._l2{bottom:1px;left:508px;background-position:0 -183px}
.load .intro .title_wrap .small ._l2{width:130px}
.intro .title_wrap .big{top:384px;left:190px;width:859px;height:215px}
.intro .title_wrap .big div{opacity:0;filter:alpha(opacity=100);height:100%;transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .5, .3, 1.3)}
.intro .title_wrap .big span{width:100%}
.load .intro .title_wrap .big span{animation:vibrate 300ms 1 linear}
.intro .title_wrap .big ._t1 span{background-position:0 -439px}
.intro .title_wrap .big ._t2 span{background-position:-223px -439px}
.intro .title_wrap .big ._t3 span{background-position:-449px -439px}
.intro .title_wrap .big ._t4 span{background-position:-674px -439px}
.load .intro .title_wrap .big ._t1 span{animation-delay:300ms}
.load .intro .title_wrap .big ._t2 span{animation-delay:400ms}
.load .intro .title_wrap .big ._t3 span{animation-delay:500ms}
.load .intro .title_wrap .big ._t4 span{animation:vibrate 300ms 2 linear;animation-delay:600ms}
.intro .title_wrap .big ._t1{left:0;width:211px;transform:translate(-30px, 20px) rotate(-10deg) scale(1.5);transition-delay:300ms}
.intro .title_wrap .big ._t2{left:203px;width:211px;transform:translate(-15px, 20px) rotate(10deg) scale(1.5);transition-delay:400ms}
.intro .title_wrap .big ._t3{left:408px;width:194px;transform:translate(15px, 20px) rotate(-10deg) scale(1.5);transition-delay:500ms}
.intro .title_wrap .big ._t4{left:599px;width:260px;transform:translate(45px, 20px) rotate(10deg) scale(1.5);transition-delay:600ms}
.load .intro .title_wrap .big div{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
.intro .title_wrap .business{top:631px;left:200px;width:839px;height:41px;overflow:hidden;padding-bottom:20px}
.load .intro .title_wrap .business .line{transition:width 200ms ease;transition-delay:800ms}
.intro .title_wrap .business ._l1{top:2px;right:771px;background-position:100% -147px}
.load .intro .title_wrap .business ._l1{width:68px}
.intro .title_wrap .business ._l2{top:0;left:772px;background-position:-184px -184px}
.load .intro .title_wrap .business ._l2{width:67px}
.intro .title_wrap .business .txt{left:63px;width:714px;height:41px;background-position:0 -242px;transform:perspective(40px) rotateX(-45deg);transform-origin:50% 0}
.load .intro .title_wrap .business .txt{transform:perspective(400px) rotateX(0);transition:opacity 300ms ease, transform 400ms cubic-bezier(0, .5, .3, 2);transition-delay:750ms}
.intro .title_wrap .descript{top:697px;left:413px;width:414px;height:69px;background-position:0 -329px}
.load .intro .title_wrap .descript{transition:opacity 300ms ease;transition-delay:1s}
.intro .char_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_char_intro.png") no-repeat;opacity:0;filter:alpha(opacity=100)}
.intro .char_wrap .shadow{bottom:0;transition:opacity 300ms linear}
.intro .char_wrap .body{transform:translateY(100px);transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .3, 0, 2)}
.load .intro .char_wrap .body{transform:translateY(0)}
.intro .char_wrap .chicken{top:789px;left:306px;width:653px;height:470px;transition:opacity 300ms ease;transition-delay:700ms}
.intro .char_wrap .rice{top:915px;left:69px;width:315px;height:273px;background-position:-429px -833px}
.intro .char_wrap .rice .shadow{left:55px;width:198px;height:43px;background-position:-1002px -864px;transition-delay:900ms}
.intro .char_wrap .rice .body{width:100%;height:244px;background-position:-429px -833px;transition-delay:900ms}
.intro .char_wrap .char{top:717px;left:848px;width:389px;height:483px}
.intro .char_wrap .char .shadow{left:89px;width:210px;height:65px;background-position:-990px -978px;transition-delay:1s}
.intro .char_wrap .char .body{top:0;left:0;width:100%;height:453px;background-position:0 -539px;transition-delay:1s}
.intro .char_wrap .char .bubble{top:-122px;left:212px;width:282px;height:216px;background-position:-429px -539px;transform-origin:50% 100%}
.load .intro .char_wrap .char .bubble{animation:titleBubble 400ms 1.2s ease;transition:opacity 300ms 1.2s ease}
.intro .char_wrap .badge{transform:scale(0);transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .5, .3, 1.2)}
.load .intro .char_wrap .badge{opacity:1;transform:scale(1)}
.intro .char_wrap ._b1{top:274px;left:-77px;width:212px;height:213px;background-position:-962px 0;transition-delay:280ms}
.intro .char_wrap ._b2{top:180px;left:1100px;width:238px;height:235px;background-position:-962px -318px;transition-delay:180ms}
.intro .char_wrap ._b3{top:692px;left:-15px;width:165px;height:164px;background-position:-962px -636px;transition-delay:80ms}
.intro .twinkle_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_twinkle_intro.png") no-repeat}
.intro .twinkle_wrap ._t1{top:167px;left:357px;width:81px;height:81px;animation:twinkleI1 600ms steps(2, end) infinite}
.intro .twinkle_wrap ._t2{top:246px;left:833px;width:61px;height:61px;background-position:-198px -10px;animation:twinkleI2 600ms steps(2, start) infinite}
.intro .twinkle_wrap ._t3{top:316px;left:944px;width:39px;height:39px;background-position:-120px -21px;animation:twinkleI3 600ms steps(2, end) infinite}
.intro .particle_wrap .dot{width:22px;height:22px;border:3px solid #2A2A2A;border-radius:100%}
.intro .particle_wrap ._d1{top:213px;left:-189px;background-color:#ff8400}
.intro .particle_wrap ._d2{top:276px;left:229px;background-color:#ED3E51}
.intro .particle_wrap ._d3{top:196px;left:962px;background-color:#2f91e7}
.intro .particle_wrap ._d4{top:1009px;left:-157px;background-color:#3986c9}
.intro .particle_wrap ._d5{top:1192px;left:14px;background-color:#3ac970}
.intro .particle_wrap ._d6{top:912px;left:1304px;background-color:#3ac970}
.intro .particle_wrap ._d7{top:1163px;left:1418px;background-color:#ed3e51}
.intro .particle_wrap ._d8{top:181px;left:1473px;background-color:#ff8400}
.intro .particle_wrap .cloud{width:119px}
.intro .particle_wrap .cloud span{position:relative;display:inline-block;*zoom:1;background:#FFFF9A;margin-right:8px}
.intro .particle_wrap .cloud .short{width:25px;height:25px;border-radius:100%}
.intro .particle_wrap .cloud .long{width:78px;height:25px;border-radius:13px}
.intro .particle_wrap ._c1{top:577px;left:-167px}
.intro .particle_wrap ._c2{top:750px;left:234px}
.intro .particle_wrap ._c3{top:856px;left:-270px}
.intro .particle_wrap ._c4{top:487px;left:1210px}
.intro .particle_wrap ._c5{top:709px;left:1432px}
.intro .particle_wrap ._c6{top:1070px;left:1216px}

/* content */
.content .bg_cnt{transform:translateY(-50px);opacity:0;filter:alpha(opacity=100)}
.content.active .bg_cnt{transform:translateY(0);opacity:1;transition:opacity 300ms ease, transform 500ms ease}

/* content1 */
.content1{height:1069px;margin-top:-5px}
.content1 .bg_section{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/bg_content1.png") center top no-repeat}
.content1 .wave{position:absolute;bottom:0;left:0;width:99.99%;transform:scaleY(0);background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/bg_wave.png") center 0 no-repeat;padding-left:0.01%;transform-origin:50% 100%}
.content1.active .wave{transform:scaleY(1);transition:transform 1s ease}
.content1 ._w1{height:821px}
.content1 ._w2{height:613px}
.content1.active ._w2{transition-delay:300ms}
.content1 .bg_cnt{top:98px;height:246px}
.content1 .gift_list{position:absolute;top:378px;left:101px;width:1049px}
.content1 .gift_list span{position:absolute;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_cnt_content1.png") no-repeat;opacity:0;filter:alpha(opacity=100)}
.content1.active .gift_list span{opacity:1}
.content1 .gift_list .plus{top:142px;width:31px;height:31px;background-position:-1106px 0;transform:rotate(270deg)}
.content1.active .gift_list .plus{transform:rotate(0deg);transition:opacity 300ms ease, transform 500ms ease}
.content1.active .gift_list ._p1{transition-delay:100ms}
.content1.active .gift_list ._p2{transition-delay:300ms}
.content1 .gift_list ._p1{left:324px}
.content1 .gift_list ._p2{left:687px}
.content1 .gift_list div{position:absolute;top:0;width:321px;height:413px}
.content1 .gift_list ._g1{left:0}
.content1 .gift_list ._g2{left:364px}
.content1 .gift_list ._g3{left:728px}
.content1 .gift_list div span{left:0;width:100%;text-indent:-99999px;overflow:hidden;opacity:0;filter:alpha(opacity=100)}
.content1 .gift_list div .item{top:0;left:0;height:321px;transform:scale(0)}
.content1.active .gift_list div .item{transform:scale(1);transition:opacity 300ms ease, transform 400ms cubic-bezier(0, .3, 0, 1.2)}
.content1.active .gift_list ._g2 .item{transition-delay:200ms}
.content1.active .gift_list ._g3 .item{transition-delay:400ms}
.content1 .gift_list div .txt{top:340px;height:73px;transform:translateY(20px)}
.content1.active .gift_list div .txt{transform:translateY(0);transition:all 300ms ease}
.content1.active .gift_list ._g1 .txt{transition-delay:100ms}
.content1.active .gift_list ._g2 .txt{transition-delay:300ms}
.content1.active .gift_list ._g3 .txt{transition-delay:500ms}
.content1 .gift_list ._g2 .item{background-position:-364px 0} 
.content1 .gift_list ._g3 .item{background-position:-728px 0} 
.content1 .gift_list ._g1 .txt{background-position:0 -340px}
.content1 .gift_list ._g2 .txt{background-position:-364px -340px}
.content1 .gift_list ._g3 .txt{background-position:-728px -340px}
.content1 .btn_detail{position:absolute;top:828px;left:441px;width:358px;height:89px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_btn.png") no-repeat;text-indent:-99999px;overflow:hidden;transform:scale(0.5);opacity:0;filter:alpha(opacity=100)}
.content1 .btn_detail:hover{background-position:0 -109px}
.content1.active .btn_detail{transform:scale(1);opacity:1;transition:opacity 300ms ease, transform 300ms cubic-bezier(0, .3, 0, 1.2);transition-delay:750ms}
.content1 .twinkle_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_twinkle_content1.png") no-repeat;opacity:0;filter:alpha(opacity=100)}
.content1.active .twinkle_wrap span{opacity:1;transition:opacity 300ms ease}
.content1 .twinkle_wrap ._t1{top:371px;left:9px;width:61px;height:61px;background-position:0 -3px;animation:twinkleC1 600ms steps(2, end) infinite}
.content1 .twinkle_wrap ._t2{top:289px;left:43px;width:51px;height:51px;background-position:-106px -183px;animation:twinkleC2 600ms steps(2, start) infinite}
.content1 .twinkle_wrap ._t3{top:332px;left:102px;width:56px;height:56px;background-position:-205px -5px;animation:twinkleC3 500ms 200ms steps(2, end) infinite}
.content1 .twinkle_wrap ._t4{top:309px;left:1089px;width:69px;height:68px;background-position:-299px 0;animation:twinkleC4 500ms steps(2, end) infinite}
.content1 .twinkle_wrap ._t5{top:390px;left:1149px;width:58px;height:58px;background-position:-405px -4px;animation:twinkleC5 500ms steps(2, end) infinite}
.content1 .twinkle_wrap ._t6{top:335px;left:1201px;width:45px;height:45px;background-position:-513px -11px;animation:twinkleC6 500ms 100ms steps(2, end) infinite}
.content1.active .twinkle_wrap ._t1{transition-delay:180ms}
.content1.active .twinkle_wrap ._t2{transition-delay:420ms}
.content1.active .twinkle_wrap ._t3{transition-delay:260ms}
.content1.active .twinkle_wrap ._t4{transition-delay:500ms}
.content1.active .twinkle_wrap ._t5{transition-delay:340ms}
.content1.active .twinkle_wrap ._t6{transition-delay:580ms}
.content1 .chicken_wrap span{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_chicken_content1.png") no-repeat}
.content1 .chicken_wrap ._c1{top:525px;left:-102px;width:76px;height:84px}
.content1 .chicken_wrap ._c2{top:729px;left:-234px;width:87px;height:78px;background-position:0 -165px}
.content1 .chicken_wrap ._c3{top:852px;left:57px;width:52px;height:86px;background-position:0 -325px}
.content1 .chicken_wrap ._c4{top:551px;left:1277px;width:75px;height:81px;background-position:-127px -3px}
.content1 .chicken_wrap ._c5{top:735px;left:1423px;width:60px;height:86px;background-position:-127px -165px}
.content1 .chicken_wrap ._c6{top:839px;left:1120px;width:105px;height:87px;background-position:-127px -324px}

/* content2 */
.content2{height:805px;margin-top:-5px}
.content2 .bg_section{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/bg_content2.png") center top no-repeat}
.content2 .bg_cnt{top:91px;height:314px;background-position:50% -314px}
.content2 .coupon_wrap{position:absolute;top:441px;left:137px;width:976px}
.content2 .coupon_wrap span{position:absolute;top:0;width:478px;height:257px;background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_cnt_content2.png") no-repeat;opacity:0;filter:alpha(opacity=100);transform-origin:100% 0;transform:rotate(30deg)}
.content2 .coupon_wrap ._c1{left:0}
.content2 .coupon_wrap ._c2{right:0;background-position:-498px 0}
.content2.active .coupon_wrap span{transform:rotate(0);opacity:1;transition:opacity 300ms ease, transform 400ms cubic-bezier(0, 0.3, 0, 1.5);-ms-transition:opacity 400ms linear, transform 500ms cubic-bezier(0, 0, 0, 1.5)}
.content2.active .coupon_wrap ._c1{transition-delay:200ms}
.content2.active .coupon_wrap ._c2{transition-delay:300ms}
.content2 .shape_wrap .heart, .content2 .shape_wrap .triangle{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/spr_shape_content2.png") no-repeat}
.content2 .shape_wrap .heart{width:50px;height:44px}
.content2 .shape_wrap .triangle{width:73px;height:18px;background-position:0 -76px}
.content2 .shape_wrap ._h1{top:39px;left:8px;transform:scale(0.7);animation:bounce1 400ms ease-out infinite alternate}
.content2 .shape_wrap ._h2{top:149px;left:991px;animation:bounce2 400ms ease-out infinite alternate}
.content2 .shape_wrap ._h3{top:452px;left:-20px;animation:bounce2 400ms ease-out infinite alternate}
.content2 .shape_wrap ._h4{top:546px;left:1439px;animation:bounce1 400ms ease-out infinite alternate}
.content2 .shape_wrap ._t1{top:320px;left:173px;animation:triangle1 600ms steps(2, end) infinite}
.content2 .shape_wrap ._t2{top:397px;left:1273px;transform:rotateX(360deg);animation:triangle2 600ms steps(2, start) infinite}
.content2 .shape_wrap .plus{width:30px;height:30px}
.content2 .shape_wrap .plus span{background:#000;border-radius:8px}
.content2 .shape_wrap .plus .v{top:0;left:11px;width:8px;height:100%}
.content2 .shape_wrap .plus .h{top:11px;left:0;width:100%;height:8px}
.content2 .shape_wrap ._p1{top:142px;left:-100px;animation:rotate1 5s infinite ease-out}
.content2 .shape_wrap ._p2{top:108px;left:1335px;animation:rotate2 3s infinite ease-out}
.content2 .shape_wrap .circle{width:26px;height:26px}
.content2 .shape_wrap .circle span{border-radius:100%;transform:scale(0)}
.content2 .shape_wrap .circle .o{width:100%;height:100%;background:#2A2A2A;animation:circle1 2s infinite ease-out}
.content2 .shape_wrap .circle .i{top:6px;left:6px;width:14px;height:14px;background:#fae8da;animation:circle2 2s infinite ease-out}
.content2 .shape_wrap ._c1{top:321px;left:-226px}
.content2 .shape_wrap ._c2{top:658px;left:-113px}
.content2 .shape_wrap ._c3{top:290px;left:1137px}
.content2 .shape_wrap ._c4{top:667px;left:1236px}
.content2 .shape_wrap ._c1 .i{animation-delay:200ms}
.content2 .shape_wrap ._c2 .i{animation-delay:1500ms}
.content2 .shape_wrap ._c2 .o{animation-delay:1300ms}
.content2 .shape_wrap ._c3 .o{animation-delay:800ms}
.content2 .shape_wrap ._c3 .i{animation-delay:1000ms}
.content2 .shape_wrap ._c4 .o{animation-delay:1200ms}
.content2 .shape_wrap ._c4 .i{animation-delay:1400ms}

/* footer */
.footer{height:384px;margin-top:-5px}
.footer .bg_section{background:url("https://ssl.nexon.com/s2/game/baram/2019/event/0620_chicken_2chm5z/bg_footer.png") center top no-repeat}
.footer .ps{padding:94px 0 0 159px}
.footer .ps li{color:#aaa;font-size:14px;line-height:28px}
.footer .ps li .yellow{color:#ffca38}
.footer .ps li a{color:#65b7ff}

@keyframes vibrate{
    0% {transform:translate(2px, 1px) rotate(0deg)}
    10% {transform:translate(-1px, -2px) rotate(-2deg)}
    20% {transform:translate(-3px, 0px) rotate(3deg)}
    30% {transform:translate(0px, 2px) rotate(0deg)}
    40% {transform:translate(1px, -1px) rotate(2deg)}
    50% {transform:translate(-1px, 4px) rotate(-1deg)}
    60% {transform:translate(-3px, 1px) rotate(0deg)}
    70% {transform:translate(2px, 1px) rotate(-2deg)}
    80% {transform:translate(-1px, -1px) rotate(4deg)}
    90% {transform:translate(-4px, 2px) rotate(0deg)}
    100% {transform:translate(1px, -2px) rotate(-2deg)}
}

@keyframes titleBubble{
    0%{transform:rotate(-10deg)}
    30%{transform:rotate(10deg)}
    60%{transform:rotate(-5deg)}
    80%{transform:rotate(5deg)}
    100%{transform:rotate(0deg)}
}

@keyframes twinkleI1{
    0%{background-position:0 0}
    100%{background-position:0 -255px}
}

@keyframes twinkleI2{
    0%{background-position:-198px -265px}
    100%{background-position:-198px -10px}
}

@keyframes twinkleI3{
    0%{background-position:-120px -21px}
    100%{background-position:-120px -277px}
}

@keyframes twinkleC1{
    0%{background-position:0 -3px}
    100%{background-position:0 -178px}
}

@keyframes twinkleC2{
    0%{background-position:-106px -183px}
    100%{background-position:-106px -8px}
}

@keyframes twinkleC3{
    0%{background-position:-205px -5px}
    100%{background-position:-205px -180px}
}

@keyframes twinkleC4{
    0%{background-position:-299px 0}
    100%{background-position:-299px -175px}
}

@keyframes twinkleC5{
    0%{background-position:-405px -4px}
    100%{background-position:-405px -179px}
}

@keyframes twinkleC6{
    0%{background-position:-513px -11px}
    100%{background-position:-513px -187px}
}

@keyframes bounce1{
    0%{transform:scale(0.7)}
    80%{transform:scale(1)}
    100%{transform:scale(1)}
}

@keyframes bounce2{
    0%{transform:scale(1)}
    80%{transform:scale(0.7)}
    100%{transform:scale(0.7)}
}

@keyframes rotate1{
    0%{transform:rotate(0)}
    80%{transform:rotate(540deg)}
    100%{transform:rotate(0)}
}

@keyframes rotate2{
    0%{transform:rotate(0)}
    80%{transform:rotate(-360deg)}
    100%{transform:rotate(0)}
}

@keyframes circle1{
    0%{transform:scale(0)}
    30%{transform:scale(1);opacity:1}
    99%{transform:scale(1);opacity:1}
    100%{transform:scale(1);opacity:0}
}

@keyframes circle2{
    0%{transform:scale(0)}
    30%{transform:scale(2);opacity:1}
    99%{transform:scale(2);opacity:1}
    100%{transform:scale(2);opacity:0}
}

@keyframes triangle1{
    0%{transform:rotateX(0)}
    100%{transform:rotateX(360deg)}
}

@keyframes triangle2{
    0%{transform:rotateX(360deg)}
    100%{transform:rotateX(0)}
}