body { font-family: "微软雅黑"; } .index_header, .be_current_header { position: absolute; top: 0; z-index: 999; } .be_current_header { display: none; box-shadow: 0 2px 12px #99999933; } body, html { height: 100%; } .container { width: 100%; max-width: 1440px; margin: 0 auto; } .hide { display: none !important; } /* 视频 */ .video_main { width: 100%; height: 99.9%; overflow: hidden; position: relative; } #videobg { object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; min-height: 100%; object-fit: cover; } #mycontainer { width: 100%; height: 100%; } .section { width: 100%; height: 100%; background-size: 100% 100% !important; } .swiper_top_bg{ position: absolute; top: 0; background: url(/uploads/image/p1387/2410151442199418421.png); height: 250px; width: 100%; z-index: 800; background-size: 100% 100%; opacity: 0.2; } .video_close{ position: absolute; bottom: 256px; left: 415px; z-index: 980; cursor: pointer; } /* 第一屏 */ .swiper { width: 100%; height: 100%; } .swiper-container { width: 100%; height: 100%; } .swiper .swiper-slide { width: 100%; } .swiper .swiper-slide { display: flex; /* align-items: center; */ justify-content: center; background-size: 100% !important; } .swiper .swiper-slide .banner_center { padding-top: 15vh; z-index: 900; text-align:center; background: url(/uploads/image/p1387/2410151442199418421.png) no-repeat top; width: 100%; background-size:100%: } .swiper .swiper-slide img { object-fit: cover; height: auto; /* width: 100%; margin: 0 auto; display: block; */ } .banner_swiper_next, .banner_swiper_prev { background: url(/uploads/image/i15473/prev.png) no-repeat center; width: 62px; height: 12px; cursor: pointer; top: 85%; } .banner_swiper_next { transform: rotatey(180deg); right: 44%; } .banner_swiper_prev { left: 44%; } .swiper_line { width: 1px; height: 62px; background-color: #fff; position: absolute; top: 80%; left: 50%; z-index: 199; } .swiper_nav { position: absolute; bottom: 0; z-index: 899; width:100%; padding-bottom:20px; } .swiper_bottom_bg{ z-index: 800; position: absolute; bottom: 0; background:url(/uploads/image/p1387/2410151508377206823.png) bottom; height:270px; width:100%; } .swiper_nav_con{ width: 100%; max-width: 1440px; margin: 0 auto; display: flex; justify-content: center; } .swiper_line{ display: none; } .swiper_nav .swiper_nav_con>div{ width: 280px; height: 82px; overflow: hidden; transition: all ease-in-out .3s; align-self: flex-end; opacity: 0.8; } .swiper_nav .swiper_nav_con>div a{ display: flex; justify-content: center; flex-wrap: wrap; } .swiper_nav .swiper_nav_con>div a img{ display: block; } .swiper_nav .swiper_nav_con>div a span{ display: block; width: 100%; text-align: center; font-size: 20px; line-height: 28px; color: #fff; margin-top: 16px; } .swiper_nav .swiper_nav_con>div:hover { /* height: 209px; */ opacity: 1; } .swiper_nav .swiper_nav_con>div .nav_line{ width: 1px; height: 28px; background: #fff; display: block; margin: 20px auto; } .swiper_nav .swiper_nav_con>div p{ font-size: 20px; line-height: 28px; text-align: center; color: #fff; } .myswiper2{ height:164px } .myswiper2 .swiper-slide { display: flex; align-items: center; } .myswiper2 .swiper-slide img { height: 56px; } .slide_video{ position: absolute; bottom: 40px; left: 40px; z-index: 900; } /* 第二屏 */ .section2 { background: url(/uploads/image/p1387/2411151335057579699.png) no-repeat center; } .container.qbxw { padding-top: 185px; } .qbxw_nav { display: flex; align-items: center; justify-content: space-between; } .qbxw_nav>div { font-size: 24px; font-weight: bold; color: #333; } .qbxw_nav>ul { display: flex; align-items: center; } .qbxw_nav>ul li { font-size: 18px; padding: 10px 20px; text-align: center; border-radius: 22px; background-color: #e2e2e2; margin-right: 20px; } .qbxw_nav>ul li:last-child { margin: 0; } .qbxw_nav>ul li.on { background-color: #0c5cc0; font-weight: bold; } .qbxw_nav>ul li.on a { color: #fff; } .qbxw_con { margin-top: 30px; display: flex; justify-content: space-between; width: 100%; height: 480px; flex-wrap: wrap; } .qbxw_con>div.qbxw_con_left { width: 50%; height:480px; } .qbxw_con>div.qbxw_con_right { width: 48%; } .qbxw_con>div .swiper-slide div { position: absolute; bottom: 0; line-height: 50px; background: rgba(0, 0, 0, .6); width: 100%; padding: 0 15px; } .qbxw_con>div .swiper-slide div p { width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } .qbxw_con_left { position: relative; } .qbxw_con>div .swiper-slide img { width: 100%; height: 480px; } .qbxw_con_left .swiper-pagination { bottom: 18px; left: 79%; } .qbxw_con_left r.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 85%; } .qbxw_con_left .swiper-pagination-bullet { width: 23px; height: 6px; display: inline-block; border-radius: 100%; background: #e6e6e6; opacity: 0.5; border-radius: 0; transform: scale(1); margin-right: 10px; } .qbxw_con_left .swiper-pagination-bullet:last-child { margin: 0; } .qbxw_con_left .swiper-pagination-bullet-active { opacity: 1; background: #fff; } .qbxw_con_right_con { display: flex; flex-wrap: wrap; justify-content: space-between; } .qbxw_con_right_con .right_con { width: 100%; /* padding: 0; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) */ display: flex; align-items: center; margin-bottom: 30px; max-height: 72px; } .qbxw_con_right_con .right_con a { font-size: 18px; line-height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 控制显示的行数 */ overflow: hidden; max-width: 574px; } .qbxw_con_right_con .right_con .abstract { font-size: 16px; color: #ccc; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 控制显示的行数 */ overflow: hidden; line-height: 25px; margin-top: 10px; } /* .qbxw_con_right_con .time_more { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 15px; display: flex; justify-content: space-between; align-items: center; } .qbxw_con_right_con .time_more .time span { display: block; color: #0c5cc0; } .qbxw_con_right_con .time_more .time span:first-child { font-size: 25px; color: #0c5cc0; margin-bottom: 10px; } .qbxw_con_right_con .time_more .time span:last-child { font-size: 14px; color: #0c5cc0; }*/ .right_con .time { border-right: 1px solid #ccc; margin-right: 20px; color: #666; padding-right: 20px; } .right_con .time span:first-child { font-size: 40px; font-weight: bold; display:block; } .right_con .time span:last-child { font-size: 16px; line-height: 28px; } .qbxw_con_right_con .right_con:last-child{ margin-bottom: 0; } .qbxw_con_right_con .right_con:hover { color: #0c5cc0; } .qbxw_con_right_con .right_con:hover .time{ border-color: #0c5cc0; color: #0c5cc0; } .qbxw_con_right_con .right_con:hover a{ font-weight: bold; color: #0c5cc0; } /* .qbxw_con_right_con .right_con:hover { background-color: #0c5cc0; } .qbxw_con_right_con .time_more .more_icon { width: 25px; height: 25px; background: url(/uploads/image/i15473/qbxw_next.png) no-repeat; background-size: 100% !important; } .qbxw_con_right_con .right_con:hover .title, .qbxw_con_right_con .right_con:hover .abstract, .qbxw_con_right_con .right_con:hover .time_more .time>span { color: #fff; } .qbxw_con_right_con .right_con:hover .time_more .more_icon { background: url(/uploads/image/i15473/qbxw_more_next.png) no-repeat; } .qbxw_con_right_con .right_con:nth-child(3), .qbxw_con_right_con .right_con:nth-child(4){ margin-top: 38px; } .qbxw_slide{ margin: 50px 0 0 0; display: flex; padding-bottom: 50px; } .qbxw_slide_title{ line-height: 60px; width: 178px; text-align: center; background: #fff url(/uploads/image/i15473/tzgg_bg.png) no-repeat; } .qbxw_slide_title a{ font-size: 24px; color: #fff; font-weight: bold; }*/ .qbxw_slide_box{ /* width: calc(100% - 178px); padding: 0 20px; background-color: #fff;*/ width: 49%; height: 50px; } .qbxw_slide_swiper{ width: 100%; height: 50px; } .qbxw_slide_swiper .swiper-slide{ width: 100%; line-height: 50px; } .qbxw_slide_swiper .swiper-slide a{ color: #333333; font-size: 24px; width: calc(100% - 25px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .qbxw_slide_swiper .swiper-slide span{ color: #999999; font-size: 18px; margin-left: 20px; display: none; } .qbxw_nav .qbxw_list_phone{ display:none; } .qbxw_slide_swiper .swiper-button-prev,.qbxw_slide_swiper .swiper-button-next{ width: 16px; height: 8px; margin-top: 0; background: url(/uploads/image/p1387/2411141007254014074.png) no-repeat; right: 0; left: calc(100% - 16px); top: 29px; background-size:100% 100%; } .qbxw_slide_swiper .swiper-button-prev{ top: 15px; transform: rotatex(180deg); } /* .qbxw_con_right_con ul { width: 100%; display: flex; align-items: center; background-color: #fff; padding: 26px 20px; margin: 30px 0 0 0; justify-content: space-between; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .qbxw_con_right_con ul li { display: flex; align-items: center; } .qbxw_con_right_con ul>span { width: 1px; height: 100%; background-color: #dcdcdc; margin: 0 35px; } .qbxw_con_right_con ul>span:last-child { display: none; } .qbxw_con_right_con ul li .right_con_time>span:first-child { font-size: 23px; color: #000; } .qbxw_con_right_con ul li .right_con_time>i { width: 20px; height: 1px; background-color: #dcdcdc; margin: 10px 0; display: block; } .qbxw_con_right_con ul li .right_con_time>span:last-child { font-size: 14px; color: #dcdcdc; } .qbxw_con_right_con ul li .right_con_title { font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 45px; margin-left: 15px; } */ /* 第三屏 */ /* .section3 { background: url(/uploads/image/i15473/section3.png) no-repeat center; } .margin_left_js { padding-top: 183px; height: 100vh; width: 100%; max-width: 1440px; margin: 0 auto; } .section3 .wllt_con { width: 100%; max-width: 1421px; } .section3 .wllt_con h1 { font-weight: bold; font-size: 44px; color: #fff; text-shadow: 3px 3px 6px #0000004d; } .section3 .wllt_con .wllt_con_main { font-size: 20px; line-height: 45px; text-align: left; color: #fff; text-shadow: 2px 2px 4px #00000099; text-indent: 2rem; } .section3 .wllt_con .wllt_more { width: 132px; line-height: 45px; border-radius: 25px; background: #ffffff24; border: 1px solid #ffffffab; color: #fff; text-align: center; font-size: 18px; display: block; margin-top: 10px; } .wllt_swiper { height: 50%; width: 72%; margin-top: 46px; float: right; } .wllt_swiper img { height: 100%; border-radius: 16px; width: 100%; } .wllt_swiper .swiper-slide { font-size: 26px; text-align: center; text-shadow: 3px 5px 6px #000000bf; border-radius: 16px; position: relative; height: 80%; transform: scale(0.8); transition: all ease-in-out .3s; } .wllt_swiper .swiper-slide.swiper-slide-active{ transform: scale(1); } .wllt_swiper .swiper-slide:hover{ transform: scale(1); } .wllt_swiper .swiper-slide a p { position: absolute; bottom: 10%; width: 100%; color: #fff; z-index: 200; } .wllt_swiper .swiper-slide.swiper-slide-active .wllt_wrapper, .wllt_swiper .swiper-slide:hover .wllt_wrapper { display: none; } .wllt_swiper_api { display: flex; align-items: center; } .wllt_swiper_next, .wllt_swiper_prev { top: 90%; width: 48px; height: 48px; background: url(/uploads/image/i15473/wllt_prev.png) no-repeat center; } .wllt_swiper_next { left: 90px; } .wllt_swiper_prev { transform: rotatey(180deg); } .wllt_line { width: 78%; height: 1px; background: #fff; margin: 0 20px; position: absolute; top: 91%; left: 13%; } */ span.swiper_index { position: absolute; font-size: 34px; text-align: center; color: #fff; right: calc((100% - 1440px) / 2);; top: 87%; z-index:400; } .section3 { } .margin_left_js { height: 100%; width: 100%; margin: 0 auto; position: relative; padding-top:100px; } .section3 .wllt_con { width: 100%; max-width: 1421px; margin: 50px auto 0 auto; } .section3 .wllt_con h1 { font-weight: bold; font-size: 44px; color: #fff; text-shadow: 3px 3px 6px #0000004d; } .section3 .wllt_con .wllt_con_main { font-size: 20px; line-height: 45px; text-align: left; color: #fff; text-shadow: 2px 2px 4px #00000099; text-indent: 2rem; } .section3 .wllt_con .wllt_more { width: 132px; line-height: 45px; border-radius: 25px; background: #ffffff24; border: 1px solid #ffffffab; color: #fff; text-align: center; font-size: 18px; display: block; margin-top: 10px; } .wllt_bg .swiper-slide{ background-size: 100% !important; } .wllt_swiper { height: 335px; width: 1440px; margin-top: 46px; float: right; position: absolute; right: calc((100% - 1440px) / 2); bottom: 110px; } .wllt_swiper img { height: 100%; border-radius: 16px; width: 100%; } .wllt_swiper .swiper-slide { font-size: 26px; text-align: center; text-shadow: 3px 5px 6px #000000bf; border-radius: 16px; position: relative; height: 100%; transform: scale(0.8); } .wllt_swiper .swiper-slide.swiper-slide-active { transform: scale(1); } .wllt_swiper .swiper-slide .wllt_wrapper { position: absolute; width: 100%; height: 100%; background: url(/uploads/image/i15473/wllt_bg.png) no-repeat top; top: 0; left: 0; border-radius: 16px; z-index: 180; background-size: 100% 100%; } .wllt_swiper .swiper-slide a p { position: absolute; bottom: 10%; width: 100%; color: #fff; z-index: 200; } .wllt_swiper .swiper-slide.swiper-slide-active .wllt_wrapper, .wllt_swiper .swiper-slide:hover .wllt_wrapper { display: none; } .wllt_swiper_api { display: flex; align-items: center; } .wllt_swiper_next, .wllt_swiper_prev { top: 90%; width: 48px; height: 48px; left: calc((100% - 1440px) / 2 105px); background: url(/uploads/image/i15473/wllt_prev.png) no-repeat; } .wllt_swiper_next { left: calc((100% - 1440px) / 2 26px); } .wllt_swiper_prev { transform: rotatey(180deg); } .wllt_line { width: 60%; height: 1px; background: #fff; margin: 0 20px; position: absolute; left: calc((100% - 1440px) / 2 166px); max-width: 1130px; top: 90%; z-index: 500; } .section3 .wllt_con .wllt_con_main p{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; } /* 第四屏 */ .section4 { background: url(/uploads/image/i15473/newzwgk_bg.png) no-repeat; background-size: 100%; } .section4 .zwgk_con { height: 100vh; padding-top: 144px; } .zwgk_con h1{ font-weight: bold; font-size: 36px; text-align: center; color: #333; margin:85px 0 30px 0; } .zwgk_box{ height: 501px; background: #fff; width: 100%; padding: 20px; display: flex; justify-content: space-between; } .zwgk_box_left{ width: 25.7%; } .zwgk_box_con{ width: 27.5%; } .zwgk_box_right{ width: 37.4%; } .zwgk_line{ width: 1px; height: 100%; background: #fff; border: 1px solid #0c5cc0; margin: 0 30px; } .zwgk_box .title{ font-weight: bold; font-size: 24px; color: #333; margin-bottom: 20px; } .zwgk_box .title.jyta_title { margin-bottom: 10px; } /* .leader_con{ display: flex; justify-content: space-between; } .leader_con img{ width: 168px; height: 209px; } .leader_con .leader_info{ margin-left:20px ; } .leader_con .leader_info .leader_name{ font-size: 24px; color: #333; } .leader_con .leader_info .leader_name i{ font-style: normal; font-weight: bold; color: #0c5cc0; margin-left: 20px; } .leader_info_text{ font-size: 16px; line-height: 26px; margin-top: 20px; } .leader_info_text span{ width: 100%; display: inline-block; } .leader_list{ margin-top: 20px; display: flex; } .leader_list .leader_title{ font-weight: bold; font-size: 18px; text-align: right; color: #333; min-width: 90px; } .leader_list li{ margin-right: 20px; font-size: 18px; color: #333; } */ .zfxxgk_nav{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .zfxxgk_nav a{ width: 170px; height: 131px; background: #f9f9f9; display: block; padding-top: 20px; display: flex; justify-content: center; flex-wrap: wrap; } .zfxxgk_nav a img{ width: 48px; height: 48px; } .zfxxgk_nav a p{ font-size: 20px; color: #333; width: 100%; text-align: center; font-weight: bold; } .leader_nav{ width: 100%; display: flex; align-items: center; margin-top: 20px; justify-content: space-between; } .leader_nav li{ width: 164px; height: 131px; border-radius: 8px; background: #ebf2fa; padding-top: 25px; } .leader_nav li a{ display: flex; width: 100%; height: 100%; justify-content: center; flex-wrap: wrap; } .leader_nav li span{ font-size: 18px; line-height: 30px; color: #0c5cc0; width: 100%; text-align: center; } .leader_nav li img{ width: 36px; height: 36px; } .zfgk_jsearch { width: 100%; display: flex; align-items: center; } .zfgk_jsearch form{ display: flex; } .zfgk_jsearch li{ font-size: 16px; } .wjmc_input{ width: 243px; height: 50px; background: #f9f9f9; line-height: 50px; outline: none; border: 0; padding-left: 20px; } .zfgk_jsearch .zcss{ width: 61px; height: 50px; background: url(/uploads/image/i15473/gksubmit.png) no-repeat; border: 0; } .zfgk_list{ margin-top: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; } .zfgk_list li{ width: 182px; height: 155px; background: #f9f9f9; margin-top: 20px; } .zfgk_list li a{ display: block; width: 100%; height: 100%; padding-top: 28px; } .zfgk_list li span{ display: block; width: 100%; font-size: 24px; font-weight: bold; text-align: center; margin-top: 16px; } .zfgk_list img { display: block; margin: 0 auto; } .zfgk_list img { display: block; margin: 0 auto; } .zfgk_list li p{ font-size: 16px; color: #0c5cc0; margin-top: 18px; text-align: center; } .zfxxgk{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .zfxxgk li{ width: 100%; line-height: 60px; background: #f5f9ff; margin-bottom: 20px; } .zfxxgk li:last-child{ margin-bottom: 0; } .zfxxgk li a{ display: flex; width: 100%; height: 100%; align-items: center; } .zfxxgk li a img{ display: block; width: 28px; margin: 0 20px 0 60px; } .zfxxgk li a p{ font-size: 18px; } .jyta li{ width: 100%; font-size: 18px; line-height: 45px; color: #333; display: flex; align-items: center; justify-content: space-between; } .jyta li a{ width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jyta li a:hover { color: #0c5cc0; } .jyta li a::before { display: inline-block; content: ""; width: 3px; height: 3px; background: #0c5cc0; margin: 0 20px 5px 0; border-radius: 50%; } .jyta li span { font-size: 18px; line-height: 45px; text-align: left; color: #999; } .container.gkzt_title{ margin-top: 30px; } .gkzt_title a{ font-weight: 700; font-size: 24px; color: #333; } .gkzt_box{ position: relative; } .gkzt_box .gkzt_swiper{ width: 93.7%; margin: 20px auto 0 auto; } .gkzt_box .gkzt_prev, .gkzt_box .gkzt_next{ background: url(/uploads/image/i15473/next_icon.png) no-repeat; width: 25px; height: 60px; top: calc(50% - 30px); margin: 0; } .gkzt_box .gkzt_prev{ left: 0; transform: rotatey(180deg); } .gkzt_box .gkzt_next{ right: 0; } .gkzt_box.container .swiper-slide img { width: 100%; height: 120px; } /* 第五屏 */ .section5 { background: url(/uploads/image/i15473/section5.png) no-repeat center; } .section5 .container { height: 100vh; padding-top: 100px; } .section5 .zwfw_top { display: flex; align-items: center; justify-content: space-between; margin-top: 35px; } .section5 .zwfw_top>img { width: 363px; } .zwfw_title_img{ display: block; } .zwfw_top_left a{ width: 132px; border-radius: 25px; background: rgba(12,92,192,0.37); border: 1px solid #ffffffab; line-height: 50px; text-align: center; font-size: 18px; color: #fff; margin-top: 43px; display: block; } .zwfw_top_right_tit li img { display: block; margin: 0 auto; } .section5 .zwfw_top .img_hov, .section5 .zwfw_top .active .zwfw_img { display: none; } .section5 .zwfw_top .active .img_hov { display: block; } .section5 .zwfw_top .zwfw_top_right { border-radius: 16px; background: #fff; width: 70.8%; } .section5 .zwfw_top .zwfw_top_right .zwfw_top_right_tit { display: flex; align-items: center; border-bottom: 1px solid #cccccc; justify-content: space-between; padding: 20px 100px 0 100px; } .section5 .zwfw_top .zwfw_top_right .zwfw_top_right_tit li { font-size: 20px; text-align: center; color: #333; height: 98px; } .section5 .zwfw_top .zwfw_top_right .zwfw_top_right_tit li.active { color: #0c5cc0; border-bottom: 4px solid #0c5cc0; } .section5 .zwfw_top .zwfw_top_right .zwfw_top_right_tit li p { margin: 10px 0 0 0; } .section5 .zwfw_top .zwfw_top_right .zwfw_top_right_tit li.active a { font-weight: bold; color: #0c5cc0; } .zwfw_top_right_con { padding: 30px 50px 0 50px; } .zwfw_top_right_con ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; height: 303px; width: 100%; } .zwfw_top_right_con ul li { width: 21.7%; background: #fff; border: 1px solid #ccc; margin-bottom: 30px; padding: 20px 0; } .zwfw_top_right_con ul li a { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; } .zwfw_top_right_con ul li a img { height: 42px; } .zwfw_top_right_con ul li p { width: 100%; margin-top: 16px; text-align: center; } .zwfw_top_right_con ul li.active { border-bottom: 4px solid #0c5cc0; padding: 18px 0; } .zwfw_top_right_con ul li.active a { color: #0c5cc0; } .zwfw_top_right_con .bmfw_box li { width: 21.7%; background: #fff; border: 1px solid #ccc; margin-bottom: 40px; line-height: 84px; padding: 0 20px; height: 84px; } .zwfw_top_right_con .bmfw_box li a { font-size: 18px; } .zwfw_top_right_con .bmfw_box li.active { border-bottom: 4px solid #0c5cc0; padding: 0 20px; } .zwfw_top_right_con .zcfw_box li { width: 21.7%; height: 274px; background: #000; box-shadow: 0 2px 12px #99999933; position: relative; padding: 0; border: 0; } .zwfw_top_right_con .zcfw_box li.msjx { background: url(/uploads/image/i15473/msjx.png) no-repeat; } .zwfw_top_right_con .zcfw_box li.zccs { background: url(/uploads/image/i15473/zccs.png) no-repeat; } .zwfw_top_right_con .zcfw_box li.qysq { background: url(/uploads/image/i15473/qysq.png) no-repeat; } .zwfw_top_right_con .zcfw_box li.zcdx { background: url(/uploads/image/i15473/zcdx.png) no-repeat; } .zwfw_top_right_con .zcfw_box li.active { border: 0; padding: 0; } .zwfw_top_right_con .zcfw_box li a { height: 100%; } .zcfw_box li span { position: absolute; bottom: 40px; width: 100%; text-align: center; font-weight: bold; color: #fff; left: 0; } .zwfw_bottom { width: 70.8%; float: right; } .zwfw_bottom_title { display: flex; align-items: center; margin: 2vh 0; } .zwfw_bottom_title span { width: 1px; background-color: #fff; margin: 0 10px; display: block; height: 28px; } .zwfw_bottom_title li a { color: #ffffff; font-size: 28px; } .zwfw_bottom_title li.active a { font-weight: bold; } .zwfw_swiper { position: relative; padding: 0 46px; } .zwfw_swiper img { height: 120px; width: 100%; } .zwfw_swiper .zwfw_next, .zwfw_swiper .zwfw_prev { width: 26px; height: 120px; background: url(/uploads/image/i15473/zwfw_next.png) no-repeat; right: 0; top: 23px; position: absolute; } .zwfw_swiper .zwfw_prev { transform: rotatey(180deg); left: 0; } /* 第六屏 */ .section6 { background: url(/uploads/image/i15473/zmhd_bg.png) no-repeat center; } .container.zmhd { display: flex; justify-content: space-between; margin: 150px auto 60px auto; } .zmhd_left { width: 73.8%; } .zmhd_left ul{ background-color: #fff; padding: 20px 20px 0 20px; } ul.zmhd_left_top.dczj { padding-bottom: 20px; } .zmhd_left ul li.title{ font-weight: bold; font-size: 24px; } .zmhd_left ul .zmhd_list{ padding-bottom: 20px; border-bottom: 1px solid #ddd; display: flex; align-items: center; margin-top: 20px; } .zmhd_left ul .zmhd_list>p{ width: 73px; height: 58px; background: #f4f4f4; text-align: center; margin-right: 16px; padding: 2px 10px; color: #333; display: flex; align-items: center; justify-content: center; } .zmhd_left ul .zmhd_list>p span:first-child{ font-size: 14px; } .zmhd_left ul .zmhd_list>p span:last-child{ font-size: 20px } .zmhd_left ul .zmhd_list .zmhd_list_con a{ font-size: 18px; max-width: 924px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .zmhd_left ul .zmhd_list .zmhd_list_con p{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #999; max-width: 924px; margin-top: 16px; } .zmhd_left ul.hygq .zmhd_list:hover>p, .zmhd_left ul.dczj .zmhd_list.dczj_start>p{ background: #0c5cc0; color: #fff; } .zmhd_left ul.hygq .zmhd_list:hover a{ color: #0c5cc0; font-weight: bold; } .zmhd_left ul .zmhd_list:last-child{ border: 0; padding: 0; } .dczj{ margin-top: 50px; } .zmhd_left ul.dczj .zmhd_list>p{ padding: 5px; color: #999; } .zmhd_left ul.dczj .zmhd_list>p span:first-child{ font-size: 20px; } .zmhd_left ul.dczj .zmhd_list>p span:last-child{ font-size: 14px } .zmhd_right{ width: 22.6%; } .zmhd_right li{ width: 326px; height: 345px; padding: 157px 0 0 0; } .zmhd_right li:last-child{ margin-top: 50px; } .zmhd_right li p{ font-weight: bold; font-size: 30px; text-align: center; color: #fff; } .zmhd_right li div{ display: flex; align-items: center; justify-content: center; margin-top: 48px; } .zmhd_right li div a{ width: 125px; height: 50px; border-radius: 8px; background: #fff; display: block; text-align: center; line-height: 50px; color: #333; } .zmhd_right li div a:first-child{ margin-right: 20px; } .zmhd_right li:nth-child(1){ background: url(/uploads/image/i15473/zrxx_new.png) no-repeat } .zmhd_right li:nth-child(2){ background: url(/uploads/image/i15473/wsxx_new.png) no-repeat } /* .zmhd_con_title { display: flex; align-items: center; } .zmhd_con_title li { width: 100%; line-height: 80px; background: #e8e8e8; text-align: center; } .zmhd_con_title li a { font-size: 24px; text-align: center; color: #333; display: block; width: 100%; } .zmhd_con_title li.active { background: #0c5cc0; font-weight: bold; } .zmhd_con_title li.active a { color: #fff; } .zmhd_box { padding: 3vh 60px 2vh 60px; background-color: #fff; box-shadow: 0 2px 12px #99999933; } .zmhd_box .hygq_toos { width: 100%; background: transparent; border: 1px solid #0c5cc080; margin-bottom: 30px; display: flex; } .zmhd_box .hygq_toos li { text-align: center; width: 16.6%; line-height: 60px; color: #0c5cc0; font-size: 18px; text-align: center; border-right: 1px solid #abc6e9; } .zmhd_box .hygq_toos li:last-child { border: 0; } .zmhd_box .hygq_main { padding: 28px 63px; background: url(/uploads/image/i15473/jact_bg.png) no-repeat top; } .zmhd_box .hygq_main .hygq_main_title { font-size: 18px; font-weight: bold; text-align: center; color: #333; display: flex; justify-content: space-between; } .zmhd_box .hygq_main li { text-align: center; } .zmhd_box .hygq_main .jact_title { text-align: left; } .zmhd_box .hygq_main .hygq_main_list { display: flex; justify-content: space-between; font-size: 18px; margin-top: 30px; } .zmhd_box .hygq_main .hygq_main_list .jact_state { color: #0c5cc0; } .zjdc_main_box { background: url(/uploads/image/i15473/jact_bg.png) no-repeat top; padding: 21.5px 63px; } .zjdc_main_box .zjdc_main_title { font-size: 18px; font-weight: bold; text-align: center; color: #333; display: flex; justify-content: space-between; } .zjdc_main_box li { text-align: center; } .zjdc_main_list { display: flex; justify-content: space-between; font-size: 18px; margin-top: 28px; } .zjdc_main_list .zjdc_state.zjdc_state_start { color: #0c5cc0; } .zjdc_main_title .zjdc_state { color: #333; } .zjdc_state { width: 10%; color: #999; } .zjdc_title { width: 40%; } .start_time, .end_time { width: 13%; } .bjbh { width: 16%; } .submit_time { width: 10%; } .jact_state { width: 10%; } .jact_title { width: 40%; } .jact_title a, .zjdc_title a { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .jact_mailbox { display: flex; justify-content: space-between; align-items: center; margin-top: 3vh; } .jact_mailbox .mailbox { width: 48.6%; padding: 26px; height: 180px; } .jact_mailbox .mailbox p { font-size: 32px; color: #0c5cc0; font-weight: bold; } .jact_mailbox .mailbox .mailbox_href { display: flex; margin: 20px 0 0 154px; } .jact_mailbox .mailbox .mailbox_href a { line-height: 50px; padding: 0 38px; border-radius: 8px; background-color: #fff; font-size: 18px; text-align: center; margin-right: 38px; } .jact_mailbox .zrxx { background: url(/uploads/image/i15473/zrxx.png) no-repeat; } .jact_mailbox .wsxf { background: url(/uploads/image/i15473/wsxf.png) no-repeat; } */ /* 第七屏 */ .section7 { background: url(/uploads/image/i15473/section7.jpg) no-repeat center; } .szsy { padding-top: 100px; } .szsy_logo { display: block; margin: 1vh 0; } .szsy_box { width: 100%; display: flex; align-items: center; } .szsy_box>li { width: 8%; display: flex; transition: all ease .5s; overflow: hidden; max-height: 300px; } .szsy_box li.active { width: 68.6%; } .szsy_box li .szsy_title { padding: 37px 26px; font-size: 24px; font-weight: bold; text-align: center; } .szsy_box li.active .szsy_title { width: 11.7%; } .szsy_box li .szsy_con { width: 88.3%; padding: 30px; background: rgba(255, 255, 255, 0.8); background: rgb(255 255 255 / 80%); /* border: 1px solid #60a0ff; --webkit-backdrop-filter: blur(11px); background-color: rgba(255,255,255,0.7); backdrop-filter: blur(11px); */ } .szsy_box li.dwkf .szsy_con{ padding: 0 20px; } .szsy_box li .szsy_con_title { font-size: 24px; color: #0c5cc0; font-weight: bold; display: flex; align-items: center; } .szsy_box li .szsy_con_title::before { content: ""; width: 4px; height: 24px; background: #0c5cc0; margin-right: 16px; } .szsy_box li .szsy_con .szsy_cont { margin: 20px 0; font-size: 18px; line-height: 40px; } .szsy_box li .szsy_con .szsy_cont p { font-size: 20px; line-height: 28px; text-align: left; color: #333; text-indent: 2rem; } .szsy_box li .szsy_con .szsy_con_more { background: url(/uploads/image/i15473/right_more.png) no-repeat bottom; max-width: 86px; padding-bottom: 8px; } .szsy_box li .szsy_con .szsy_con_more a { font-size: 16px; line-height: 28px; color: #0c5cc0; } .szsy_box li.dwkf .szsy_con li{ padding-bottom: 20px; border-bottom: 1px solid #fff; display: flex; align-items: center; margin-top: 20px; width:100%; } .szsy_box li.dwkf .szsy_con li>p{ width: 73px; height: 61px; background: #f4f4f4; text-align: center; margin-right: 16px; padding: 7px 10px; color: #333; } .szsy_box li.dwkf .szsy_con li>p span:first-child{ font-size: 14px; } .szsy_box li.dwkf .szsy_con li>p span:last-child{ font-size: 20px } .szsy_box li.dwkf .szsy_con li .zmhd_list_con{ width: calc(100% - 93px); } .szsy_box li.dwkf .szsy_con li .zmhd_list_con a{ font-size: 18px; max-width: 685px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .szsy_box li.dwkf .szsy_con li .zmhd_list_con p{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #999; max-width: 685px; margin-top: 16px; } .szsy_box li.dwkf .szsy_con li:hover>p{ background: #0c5cc0; color: #fff; } .szsy_box li.dwkf .szsy_con li:hover a{ color: #0c5cc0; font-weight: bold; } .szsy_box li.dwkf .szsy_con li:last-child{ border: 0; padding: 0; } .szsy_box li.tzys .szsy_title { border-radius: 12px 0 0 12px; background-color: #60a0ff; background: linear-gradient(90.00deg, #7cb2ff 0%, #60a0ff 100%); color: #fff; } .szsy_box li.zdcy .szsy_title { background: #d7eef9; color: #368bdd; } .szsy_box li.tzzt .szsy_title { background: #f9edda; color: #f08301; } .szsy_box li.dwkf .szsy_title { background: #f8ecec; color: #df326c; } .szsy_box li.zdqy .szsy_title { background: #d7eef9; color: #368bdd; } .szsy_box li .szsy_title span { width: 40%; display: block; margin: 0 auto; text-align: center; margin-top: 28px; } .szsy_list { display: flex; justify-content: space-between; align-items: center; width: 100%; } .szsy_list li { width: 49%; padding-left: 229px; } .szsy_list li:first-child { background: url(/uploads/image/i15473/qhrc.png) no-repeat; } .szsy_list li:last-child { background: url(/uploads/image/i15473/rczp.png) no-repeat } .szsy_list li a { font-size: 24px; line-height: 156px; color: #0a6492; font-weight: bold; } /* 最后一屏 */ .ztzl { padding-top:100px; height: 100vh; position: relative; } .ztzl_main { position: relative; } .ztzl_swiper { /* height: 255px; */ margin: 12vh 0; } .ztzl .swiper-slide { /* height: 98%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */ height:186px; overflow:hidden; } .ztzl .swiper-slide:hover img{ transform:scale(1.1); } .ztzl .swiper-slide img { height: 186px; width: 100%; transition:all ease-in-out .5s; } .ztzl .swiper-slide .ztzl_box { background-color: #fff; padding: 0 30px; height: calc(100% - 190px); display: flex; align-items: center; display:none; } .ztzl .swiper-slide .ztzl_box .ztzl_title { font-size: 22px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ztzl .swiper-slide .ztzl_box>div { font-size: 16px; color: #999; line-height: 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 控制显示的行数 */ overflow: hidden; margin: 15px 0; } .ztzl .swiper-slide .ztzl_box .ztzl_more { border: 1px solid #0c5cc0; border-radius: 8px; line-height: 40px; color: #0c5cc0; text-align: center; padding: 0 20px; display: block; margin: 0 auto; font-size: 16px; width: 40%; } .ztzl_main .ztzl_swiper_prev, .ztzl_main .ztzl_swiper_next { background: url(/uploads/image/i15473/ztzl_next.png) no-repeat; width: 54px; height: 54px; top: 45%; } .ztzl_main .ztzl_swiper_prev { left: -80px; transform: rotatey(180deg); } .ztzl_main .ztzl_swiper_next { right: -80px; } /* 调查征集 */ li.dczj { display: flex; justify-content: start; flex-wrap: wrap; border-bottom: 1px solid #eee; line-height: 45.5px; width: 100%; } li.dczj p{ display: flex; justify-content: start; align-items:center; width: 100%; } li.dczj a{ max-width: 84%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } li.dczj span{ margin:0; color:#333; } li.dczj span.start_time{ margin:0 20px; } li.dczj span.zjbm{ font-weight: bold; color: #2d50b6; margin: 0; } li.dczj span.fbzt { color: #ff0000; } footer { text-align: center; margin-top: 1.875rem; position: absolute; bottom: 0; width: 100%; } #fp-nav ul li, .fp-slidesnav ul li { margin: 0; width: 34px; height: 34px; display: flex; justify-content: center; } #fp-nav ul li a span, .fp-slidesnav ul li a span{ width: 8px; height: 8px; background-color: #fff; margin: -3px 0 0 -4px; } #fp-nav ul li a.active{ background: url(/uploads/image/i15473/right_nav.png) no-repeat; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; } #fp-nav ul li:hover a{ background: url(/uploads/image/i15473/right_nav.png) no-repeat; } #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesnav ul li:hover a.active span{ height: 8px; width: 8px; margin: 0; position: initial; } #fp-nav.fp_nav_blue li a span,#fp-nav.fp-slidesnav ul li a span{ background-color: #2a6adf; } #fp-nav.fp_nav_blue ul li a.active,#fp-nav.fp_nav_blue ul li:hover a{ background: url(/uploads/image/i15473/right_nav_blue.png) no-repeat; } @media (min-width:1200px) and (max-width: 1600px) { .ztzl_main .ztzl_swiper_prev { left: 8px; } .ztzl_main .ztzl_swiper_next { right: 8px; } .ztzl_main .ztzl_swiper_prev, .ztzl_main .ztzl_swiper_next { display: none; } .ztzl_main:hover .ztzl_swiper_prev, .ztzl_main:hover .ztzl_swiper_next { display: block; } } @media (min-width:1000px) and (max-width: 1600px) { .ztzl_main .ztzl_swiper_prev, .ztzl_main .ztzl_swiper_next, .header_con_index form, .header_con form { display: none; } .header_con_index, .header_con { justify-content: left !important; } } @media (min-width:1500px) and (max-width:1700px) { .wllt_swiper { height: 36vh; bottom: 16vh; } .ztzl_swiper { margin: 8vh 0 0 0; } } .zmhd_left ul .time,.zmhd_left ul .type_time{ display:none; } .circle-center{ width: 100%; height: 100%; visibility: hidden; } .circle-container { position: absolute; -webkit-transform: translatey(-10vh); transform: translatey(-10vh); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .circle-container .circle { width: 100%; height: 100%; border-radius: 50%; mix-blend-mode: screen; background-image: radial-gradient(#99ffff, #99ffff 10%, rgba(153, 255, 255, 0) 56%); -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite; animation: fadein-frames 200ms infinite, scale-frames 2s infinite; } @-webkit-keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @-webkit-keyframes scale-frames { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(2.2, 2.2, 1); transform: scale3d(2.2, 2.2, 1); } 100% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } } @keyframes scale-frames { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(2.2, 2.2, 1); transform: scale3d(2.2, 2.2, 1); } 100% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } } .circle-container:nth-child(1) { width: 10px; height: 10px; -webkit-animation-name: move-frames-1; animation-name: move-frames-1; -webkit-animation-duration: 8441ms; animation-duration: 8441ms; -webkit-animation-delay: 4544ms; animation-delay: 4544ms; } @-webkit-keyframes move-frames-1 { from { -webkit-transform: translate3d(50vw, 102vh, 0); transform: translate3d(50vw, 102vh, 0); } to { -webkit-transform: translate3d(2vw, -117vh, 0); transform: translate3d(2vw, -117vh, 0); } } @keyframes move-frames-1 { from { -webkit-transform: translate3d(50vw, 102vh, 0); transform: translate3d(50vw, 102vh, 0); } to { -webkit-transform: translate3d(2vw, -117vh, 0); transform: translate3d(2vw, -117vh, 0); } } .circle-container:nth-child(1) .circle { -webkit-animation-delay: 3734ms; animation-delay: 3734ms; } .circle-container:nth-child(2) { width: 10px; height: 10px; -webkit-animation-name: move-frames-2; animation-name: move-frames-2; -webkit-animation-duration: 9921ms; animation-duration: 9921ms; -webkit-animation-delay: 5982ms; animation-delay: 5982ms; } @-webkit-keyframes move-frames-2 { from { -webkit-transform: translate3d(89vw, 108vh, 0); transform: translate3d(89vw, 108vh, 0); } to { -webkit-transform: translate3d(72vw, -123vh, 0); transform: translate3d(72vw, -123vh, 0); } } @keyframes move-frames-2 { from { -webkit-transform: translate3d(89vw, 108vh, 0); transform: translate3d(89vw, 108vh, 0); } to { -webkit-transform: translate3d(72vw, -123vh, 0); transform: translate3d(72vw, -123vh, 0); } } .circle-container:nth-child(2) .circle { -webkit-animation-delay: 2516ms; animation-delay: 2516ms; } .circle-container:nth-child(3) { width: 3px; height: 3px; -webkit-animation-name: move-frames-3; animation-name: move-frames-3; -webkit-animation-duration: 10427ms; animation-duration: 10427ms; -webkit-animation-delay: 3649ms; animation-delay: 3649ms; } @-webkit-keyframes move-frames-3 { from { -webkit-transform: translate3d(85vw, 107vh, 0); transform: translate3d(85vw, 107vh, 0); } to { -webkit-transform: translate3d(30vw, -133vh, 0); transform: translate3d(30vw, -133vh, 0); } } @keyframes move-frames-3 { from { -webkit-transform: translate3d(85vw, 107vh, 0); transform: translate3d(85vw, 107vh, 0); } to { -webkit-transform: translate3d(30vw, -133vh, 0); transform: translate3d(30vw, -133vh, 0); } } .circle-container:nth-child(3) .circle { -webkit-animation-delay: 731ms; animation-delay: 731ms; } .circle-container:nth-child(4) { width: 6px; height: 6px; -webkit-animation-name: move-frames-4; animation-name: move-frames-4; -webkit-animation-duration: 10951ms; animation-duration: 10951ms; -webkit-animation-delay: 8909ms; animation-delay: 8909ms; } @-webkit-keyframes move-frames-4 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(74vw, -122vh, 0); transform: translate3d(74vw, -122vh, 0); } } @keyframes move-frames-4 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(74vw, -122vh, 0); transform: translate3d(74vw, -122vh, 0); } } .circle-container:nth-child(4) .circle { -webkit-animation-delay: 2526ms; animation-delay: 2526ms; } .circle-container:nth-child(5) { width: 5px; height: 5px; -webkit-animation-name: move-frames-5; animation-name: move-frames-5; -webkit-animation-duration: 7642ms; animation-duration: 7642ms; -webkit-animation-delay: 2502ms; animation-delay: 2502ms; } @-webkit-keyframes move-frames-5 { from { -webkit-transform: translate3d(9vw, 108vh, 0); transform: translate3d(9vw, 108vh, 0); } to { -webkit-transform: translate3d(39vw, -126vh, 0); transform: translate3d(39vw, -126vh, 0); } } @keyframes move-frames-5 { from { -webkit-transform: translate3d(9vw, 108vh, 0); transform: translate3d(9vw, 108vh, 0); } to { -webkit-transform: translate3d(39vw, -126vh, 0); transform: translate3d(39vw, -126vh, 0); } } .circle-container:nth-child(5) .circle { -webkit-animation-delay: 2755ms; animation-delay: 2755ms; } .circle-container:nth-child(6) { width: 6px; height: 6px; -webkit-animation-name: move-frames-6; animation-name: move-frames-6; -webkit-animation-duration: 8439ms; animation-duration: 8439ms; -webkit-animation-delay: 455ms; animation-delay: 455ms; } @-webkit-keyframes move-frames-6 { from { -webkit-transform: translate3d(29vw, 101vh, 0); transform: translate3d(29vw, 101vh, 0); } to { -webkit-transform: translate3d(21vw, -109vh, 0); transform: translate3d(21vw, -109vh, 0); } } @keyframes move-frames-6 { from { -webkit-transform: translate3d(29vw, 101vh, 0); transform: translate3d(29vw, 101vh, 0); } to { -webkit-transform: translate3d(21vw, -109vh, 0); transform: translate3d(21vw, -109vh, 0); } } .circle-container:nth-child(6) .circle { -webkit-animation-delay: 3506ms; animation-delay: 3506ms; } .circle-container:nth-child(7) { width: 8px; height: 8px; -webkit-animation-name: move-frames-7; animation-name: move-frames-7; -webkit-animation-duration: 7539ms; animation-duration: 7539ms; -webkit-animation-delay: 3595ms; animation-delay: 3595ms; } @-webkit-keyframes move-frames-7 { from { -webkit-transform: translate3d(11vw, 101vh, 0); transform: translate3d(11vw, 101vh, 0); } to { -webkit-transform: translate3d(31vw, -125vh, 0); transform: translate3d(31vw, -125vh, 0); } } @keyframes move-frames-7 { from { -webkit-transform: translate3d(11vw, 101vh, 0); transform: translate3d(11vw, 101vh, 0); } to { -webkit-transform: translate3d(31vw, -125vh, 0); transform: translate3d(31vw, -125vh, 0); } } .circle-container:nth-child(7) .circle { -webkit-animation-delay: 749ms; animation-delay: 749ms; } .circle-container:nth-child(8) { width: 4px; height: 4px; -webkit-animation-name: move-frames-8; animation-name: move-frames-8; -webkit-animation-duration: 7480ms; animation-duration: 7480ms; -webkit-animation-delay: 2680ms; animation-delay: 2680ms; } @-webkit-keyframes move-frames-8 { from { -webkit-transform: translate3d(15vw, 101vh, 0); transform: translate3d(15vw, 101vh, 0); } to { -webkit-transform: translate3d(88vw, -111vh, 0); transform: translate3d(88vw, -111vh, 0); } } @keyframes move-frames-8 { from { -webkit-transform: translate3d(15vw, 101vh, 0); transform: translate3d(15vw, 101vh, 0); } to { -webkit-transform: translate3d(88vw, -111vh, 0); transform: translate3d(88vw, -111vh, 0); } } .circle-container:nth-child(8) .circle { -webkit-animation-delay: 1888ms; animation-delay: 1888ms; } .circle-container:nth-child(9) { width: 2px; height: 2px; -webkit-animation-name: move-frames-9; animation-name: move-frames-9; -webkit-animation-duration: 9087ms; animation-duration: 9087ms; -webkit-animation-delay: 9461ms; animation-delay: 9461ms; } @-webkit-keyframes move-frames-9 { from { -webkit-transform: translate3d(100vw, 107vh, 0); transform: translate3d(100vw, 107vh, 0); } to { -webkit-transform: translate3d(40vw, -130vh, 0); transform: translate3d(40vw, -130vh, 0); } } @keyframes move-frames-9 { from { -webkit-transform: translate3d(100vw, 107vh, 0); transform: translate3d(100vw, 107vh, 0); } to { -webkit-transform: translate3d(40vw, -130vh, 0); transform: translate3d(40vw, -130vh, 0); } } .circle-container:nth-child(9) .circle { -webkit-animation-delay: 1721ms; animation-delay: 1721ms; } .circle-container:nth-child(10) { width: 8px; height: 8px; -webkit-animation-name: move-frames-10; animation-name: move-frames-10; -webkit-animation-duration: 9860ms; animation-duration: 9860ms; -webkit-animation-delay: 8969ms; animation-delay: 8969ms; } @-webkit-keyframes move-frames-10 { from { -webkit-transform: translate3d(74vw, 110vh, 0); transform: translate3d(74vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -127vh, 0); transform: translate3d(30vw, -127vh, 0); } } @keyframes move-frames-10 { from { -webkit-transform: translate3d(74vw, 110vh, 0); transform: translate3d(74vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -127vh, 0); transform: translate3d(30vw, -127vh, 0); } } .circle-container:nth-child(10) .circle { -webkit-animation-delay: 1801ms; animation-delay: 1801ms; } .circle-container:nth-child(11) { width: 1px; height: 1px; -webkit-animation-name: move-frames-11; animation-name: move-frames-11; -webkit-animation-duration: 9292ms; animation-duration: 9292ms; -webkit-animation-delay: 9812ms; animation-delay: 9812ms; } @-webkit-keyframes move-frames-11 { from { -webkit-transform: translate3d(29vw, 108vh, 0); transform: translate3d(29vw, 108vh, 0); } to { -webkit-transform: translate3d(58vw, -135vh, 0); transform: translate3d(58vw, -135vh, 0); } } @keyframes move-frames-11 { from { -webkit-transform: translate3d(29vw, 108vh, 0); transform: translate3d(29vw, 108vh, 0); } to { -webkit-transform: translate3d(58vw, -135vh, 0); transform: translate3d(58vw, -135vh, 0); } } .circle-container:nth-child(11) .circle { -webkit-animation-delay: 3834ms; animation-delay: 3834ms; } .circle-container:nth-child(12) { width: 5px; height: 5px; -webkit-animation-name: move-frames-12; animation-name: move-frames-12; -webkit-animation-duration: 7920ms; animation-duration: 7920ms; -webkit-animation-delay: 2180ms; animation-delay: 2180ms; } @-webkit-keyframes move-frames-12 { from { -webkit-transform: translate3d(10vw, 105vh, 0); transform: translate3d(10vw, 105vh, 0); } to { -webkit-transform: translate3d(18vw, -123vh, 0); transform: translate3d(18vw, -123vh, 0); } } @keyframes move-frames-12 { from { -webkit-transform: translate3d(10vw, 105vh, 0); transform: translate3d(10vw, 105vh, 0); } to { -webkit-transform: translate3d(18vw, -123vh, 0); transform: translate3d(18vw, -123vh, 0); } } .circle-container:nth-child(12) .circle { -webkit-animation-delay: 1995ms; animation-delay: 1995ms; } .circle-container:nth-child(13) { width: 4px; height: 4px; -webkit-animation-name: move-frames-13; animation-name: move-frames-13; -webkit-animation-duration: 7293ms; animation-duration: 7293ms; -webkit-animation-delay: 6446ms; animation-delay: 6446ms; } @-webkit-keyframes move-frames-13 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(15vw, -123vh, 0); transform: translate3d(15vw, -123vh, 0); } } @keyframes move-frames-13 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(15vw, -123vh, 0); transform: translate3d(15vw, -123vh, 0); } } .circle-container:nth-child(13) .circle { -webkit-animation-delay: 1282ms; animation-delay: 1282ms; } .circle-container:nth-child(14) { width: 2px; height: 2px; -webkit-animation-name: move-frames-14; animation-name: move-frames-14; -webkit-animation-duration: 9677ms; animation-duration: 9677ms; -webkit-animation-delay: 5675ms; animation-delay: 5675ms; } @-webkit-keyframes move-frames-14 { from { -webkit-transform: translate3d(80vw, 102vh, 0); transform: translate3d(80vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } @keyframes move-frames-14 { from { -webkit-transform: translate3d(80vw, 102vh, 0); transform: translate3d(80vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } .circle-container:nth-child(14) .circle { -webkit-animation-delay: 542ms; animation-delay: 542ms; } .circle-container:nth-child(15) { width: 8px; height: 8px; -webkit-animation-name: move-frames-15; animation-name: move-frames-15; -webkit-animation-duration: 8055ms; animation-duration: 8055ms; -webkit-animation-delay: 7418ms; animation-delay: 7418ms; } @-webkit-keyframes move-frames-15 { from { -webkit-transform: translate3d(7vw, 103vh, 0); transform: translate3d(7vw, 103vh, 0); } to { -webkit-transform: translate3d(100vw, -129vh, 0); transform: translate3d(100vw, -129vh, 0); } } @keyframes move-frames-15 { from { -webkit-transform: translate3d(7vw, 103vh, 0); transform: translate3d(7vw, 103vh, 0); } to { -webkit-transform: translate3d(100vw, -129vh, 0); transform: translate3d(100vw, -129vh, 0); } } .circle-container:nth-child(15) .circle { -webkit-animation-delay: 2100ms; animation-delay: 2100ms; } .circle-container:nth-child(16) { width: 4px; height: 4px; -webkit-animation-name: move-frames-16; animation-name: move-frames-16; -webkit-animation-duration: 9673ms; animation-duration: 9673ms; -webkit-animation-delay: 871ms; animation-delay: 871ms; } @-webkit-keyframes move-frames-16 { from { -webkit-transform: translate3d(58vw, 102vh, 0); transform: translate3d(58vw, 102vh, 0); } to { -webkit-transform: translate3d(86vw, -126vh, 0); transform: translate3d(86vw, -126vh, 0); } } @keyframes move-frames-16 { from { -webkit-transform: translate3d(58vw, 102vh, 0); transform: translate3d(58vw, 102vh, 0); } to { -webkit-transform: translate3d(86vw, -126vh, 0); transform: translate3d(86vw, -126vh, 0); } } .circle-container:nth-child(16) .circle { -webkit-animation-delay: 2783ms; animation-delay: 2783ms; } .circle-container:nth-child(17) { width: 1px; height: 1px; -webkit-animation-name: move-frames-17; animation-name: move-frames-17; -webkit-animation-duration: 8468ms; animation-duration: 8468ms; -webkit-animation-delay: 2038ms; animation-delay: 2038ms; } @-webkit-keyframes move-frames-17 { from { -webkit-transform: translate3d(65vw, 108vh, 0); transform: translate3d(65vw, 108vh, 0); } to { -webkit-transform: translate3d(35vw, -134vh, 0); transform: translate3d(35vw, -134vh, 0); } } @keyframes move-frames-17 { from { -webkit-transform: translate3d(65vw, 108vh, 0); transform: translate3d(65vw, 108vh, 0); } to { -webkit-transform: translate3d(35vw, -134vh, 0); transform: translate3d(35vw, -134vh, 0); } } .circle-container:nth-child(17) .circle { -webkit-animation-delay: 346ms; animation-delay: 346ms; } .circle-container:nth-child(18) { width: 4px; height: 4px; -webkit-animation-name: move-frames-18; animation-name: move-frames-18; -webkit-animation-duration: 9523ms; animation-duration: 9523ms; -webkit-animation-delay: 2150ms; animation-delay: 2150ms; } @-webkit-keyframes move-frames-18 { from { -webkit-transform: translate3d(48vw, 102vh, 0); transform: translate3d(48vw, 102vh, 0); } to { -webkit-transform: translate3d(97vw, -127vh, 0); transform: translate3d(97vw, -127vh, 0); } } @keyframes move-frames-18 { from { -webkit-transform: translate3d(48vw, 102vh, 0); transform: translate3d(48vw, 102vh, 0); } to { -webkit-transform: translate3d(97vw, -127vh, 0); transform: translate3d(97vw, -127vh, 0); } } .circle-container:nth-child(18) .circle { -webkit-animation-delay: 2065ms; animation-delay: 2065ms; } .circle-container:nth-child(19) { width: 5px; height: 5px; -webkit-animation-name: move-frames-19; animation-name: move-frames-19; -webkit-animation-duration: 9472ms; animation-duration: 9472ms; -webkit-animation-delay: 428ms; animation-delay: 428ms; } @-webkit-keyframes move-frames-19 { from { -webkit-transform: translate3d(63vw, 107vh, 0); transform: translate3d(63vw, 107vh, 0); } to { -webkit-transform: translate3d(39vw, -122vh, 0); transform: translate3d(39vw, -122vh, 0); } } @keyframes move-frames-19 { from { -webkit-transform: translate3d(63vw, 107vh, 0); transform: translate3d(63vw, 107vh, 0); } to { -webkit-transform: translate3d(39vw, -122vh, 0); transform: translate3d(39vw, -122vh, 0); } } .circle-container:nth-child(19) .circle { -webkit-animation-delay: 2105ms; animation-delay: 2105ms; } .circle-container:nth-child(20) { width: 4px; height: 4px; -webkit-animation-name: move-frames-20; animation-name: move-frames-20; -webkit-animation-duration: 10290ms; animation-duration: 10290ms; -webkit-animation-delay: 8685ms; animation-delay: 8685ms; } @-webkit-keyframes move-frames-20 { from { -webkit-transform: translate3d(39vw, 106vh, 0); transform: translate3d(39vw, 106vh, 0); } to { -webkit-transform: translate3d(21vw, -128vh, 0); transform: translate3d(21vw, -128vh, 0); } } @keyframes move-frames-20 { from { -webkit-transform: translate3d(39vw, 106vh, 0); transform: translate3d(39vw, 106vh, 0); } to { -webkit-transform: translate3d(21vw, -128vh, 0); transform: translate3d(21vw, -128vh, 0); } } .circle-container:nth-child(20) .circle { -webkit-animation-delay: 246ms; animation-delay: 246ms; } .circle-container:nth-child(21) { width: 6px; height: 6px; -webkit-animation-name: move-frames-21; animation-name: move-frames-21; -webkit-animation-duration: 8708ms; animation-duration: 8708ms; -webkit-animation-delay: 2550ms; animation-delay: 2550ms; } @-webkit-keyframes move-frames-21 { from { -webkit-transform: translate3d(55vw, 110vh, 0); transform: translate3d(55vw, 110vh, 0); } to { -webkit-transform: translate3d(60vw, -112vh, 0); transform: translate3d(60vw, -112vh, 0); } } @keyframes move-frames-21 { from { -webkit-transform: translate3d(55vw, 110vh, 0); transform: translate3d(55vw, 110vh, 0); } to { -webkit-transform: translate3d(60vw, -112vh, 0); transform: translate3d(60vw, -112vh, 0); } } .circle-container:nth-child(21) .circle { -webkit-animation-delay: 3603ms; animation-delay: 3603ms; } .circle-container:nth-child(22) { width: 4px; height: 4px; -webkit-animation-name: move-frames-22; animation-name: move-frames-22; -webkit-animation-duration: 8465ms; animation-duration: 8465ms; -webkit-animation-delay: 2241ms; animation-delay: 2241ms; } @-webkit-keyframes move-frames-22 { from { -webkit-transform: translate3d(14vw, 110vh, 0); transform: translate3d(14vw, 110vh, 0); } to { -webkit-transform: translate3d(37vw, -128vh, 0); transform: translate3d(37vw, -128vh, 0); } } @keyframes move-frames-22 { from { -webkit-transform: translate3d(14vw, 110vh, 0); transform: translate3d(14vw, 110vh, 0); } to { -webkit-transform: translate3d(37vw, -128vh, 0); transform: translate3d(37vw, -128vh, 0); } } .circle-container:nth-child(22) .circle { -webkit-animation-delay: 3872ms; animation-delay: 3872ms; } .circle-container:nth-child(23) { width: 2px; height: 2px; -webkit-animation-name: move-frames-23; animation-name: move-frames-23; -webkit-animation-duration: 10859ms; animation-duration: 10859ms; -webkit-animation-delay: 7216ms; animation-delay: 7216ms; } @-webkit-keyframes move-frames-23 { from { -webkit-transform: translate3d(68vw, 105vh, 0); transform: translate3d(68vw, 105vh, 0); } to { -webkit-transform: translate3d(37vw, -128vh, 0); transform: translate3d(37vw, -128vh, 0); } } @keyframes move-frames-23 { from { -webkit-transform: translate3d(68vw, 105vh, 0); transform: translate3d(68vw, 105vh, 0); } to { -webkit-transform: translate3d(37vw, -128vh, 0); transform: translate3d(37vw, -128vh, 0); } } .circle-container:nth-child(23) .circle { -webkit-animation-delay: 3342ms; animation-delay: 3342ms; } .circle-container:nth-child(24) { width: 1px; height: 1px; -webkit-animation-name: move-frames-24; animation-name: move-frames-24; -webkit-animation-duration: 10469ms; animation-duration: 10469ms; -webkit-animation-delay: 6779ms; animation-delay: 6779ms; } @-webkit-keyframes move-frames-24 { from { -webkit-transform: translate3d(8vw, 102vh, 0); transform: translate3d(8vw, 102vh, 0); } to { -webkit-transform: translate3d(7vw, -118vh, 0); transform: translate3d(7vw, -118vh, 0); } } @keyframes move-frames-24 { from { -webkit-transform: translate3d(8vw, 102vh, 0); transform: translate3d(8vw, 102vh, 0); } to { -webkit-transform: translate3d(7vw, -118vh, 0); transform: translate3d(7vw, -118vh, 0); } } .circle-container:nth-child(24) .circle { -webkit-animation-delay: 3406ms; animation-delay: 3406ms; } .circle-container:nth-child(25) { width: 8px; height: 8px; -webkit-animation-name: move-frames-25; animation-name: move-frames-25; -webkit-animation-duration: 7010ms; animation-duration: 7010ms; -webkit-animation-delay: 7524ms; animation-delay: 7524ms; } @-webkit-keyframes move-frames-25 { from { -webkit-transform: translate3d(10vw, 109vh, 0); transform: translate3d(10vw, 109vh, 0); } to { -webkit-transform: translate3d(57vw, -132vh, 0); transform: translate3d(57vw, -132vh, 0); } } @keyframes move-frames-25 { from { -webkit-transform: translate3d(10vw, 109vh, 0); transform: translate3d(10vw, 109vh, 0); } to { -webkit-transform: translate3d(57vw, -132vh, 0); transform: translate3d(57vw, -132vh, 0); } } .circle-container:nth-child(25) .circle { -webkit-animation-delay: 3430ms; animation-delay: 3430ms; } .circle-container:nth-child(26) { width: 2px; height: 2px; -webkit-animation-name: move-frames-26; animation-name: move-frames-26; -webkit-animation-duration: 10471ms; animation-duration: 10471ms; -webkit-animation-delay: 1648ms; animation-delay: 1648ms; } @-webkit-keyframes move-frames-26 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(9vw, -116vh, 0); transform: translate3d(9vw, -116vh, 0); } } @keyframes move-frames-26 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(9vw, -116vh, 0); transform: translate3d(9vw, -116vh, 0); } } .circle-container:nth-child(26) .circle { -webkit-animation-delay: 3602ms; animation-delay: 3602ms; } .circle-container:nth-child(27) { width: 5px; height: 5px; -webkit-animation-name: move-frames-27; animation-name: move-frames-27; -webkit-animation-duration: 7423ms; animation-duration: 7423ms; -webkit-animation-delay: 5797ms; animation-delay: 5797ms; } @-webkit-keyframes move-frames-27 { from { -webkit-transform: translate3d(24vw, 107vh, 0); transform: translate3d(24vw, 107vh, 0); } to { -webkit-transform: translate3d(78vw, -109vh, 0); transform: translate3d(78vw, -109vh, 0); } } @keyframes move-frames-27 { from { -webkit-transform: translate3d(24vw, 107vh, 0); transform: translate3d(24vw, 107vh, 0); } to { -webkit-transform: translate3d(78vw, -109vh, 0); transform: translate3d(78vw, -109vh, 0); } } .circle-container:nth-child(27) .circle { -webkit-animation-delay: 3981ms; animation-delay: 3981ms; } .circle-container:nth-child(28) { width: 1px; height: 1px; -webkit-animation-name: move-frames-28; animation-name: move-frames-28; -webkit-animation-duration: 10775ms; animation-duration: 10775ms; -webkit-animation-delay: 10637ms; animation-delay: 10637ms; } @-webkit-keyframes move-frames-28 { from { -webkit-transform: translate3d(91vw, 108vh, 0); transform: translate3d(91vw, 108vh, 0); } to { -webkit-transform: translate3d(85vw, -111vh, 0); transform: translate3d(85vw, -111vh, 0); } } @keyframes move-frames-28 { from { -webkit-transform: translate3d(91vw, 108vh, 0); transform: translate3d(91vw, 108vh, 0); } to { -webkit-transform: translate3d(85vw, -111vh, 0); transform: translate3d(85vw, -111vh, 0); } } .circle-container:nth-child(28) .circle { -webkit-animation-delay: 487ms; animation-delay: 487ms; } .circle-container:nth-child(29) { width: 6px; height: 6px; -webkit-animation-name: move-frames-29; animation-name: move-frames-29; -webkit-animation-duration: 10713ms; animation-duration: 10713ms; -webkit-animation-delay: 1330ms; animation-delay: 1330ms; } @-webkit-keyframes move-frames-29 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(87vw, -122vh, 0); transform: translate3d(87vw, -122vh, 0); } } @keyframes move-frames-29 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(87vw, -122vh, 0); transform: translate3d(87vw, -122vh, 0); } } .circle-container:nth-child(29) .circle { -webkit-animation-delay: 3338ms; animation-delay: 3338ms; } .circle-container:nth-child(30) { width: 10px; height: 10px; -webkit-animation-name: move-frames-30; animation-name: move-frames-30; -webkit-animation-duration: 8127ms; animation-duration: 8127ms; -webkit-animation-delay: 10773ms; animation-delay: 10773ms; } @-webkit-keyframes move-frames-30 { from { -webkit-transform: translate3d(66vw, 101vh, 0); transform: translate3d(66vw, 101vh, 0); } to { -webkit-transform: translate3d(19vw, -113vh, 0); transform: translate3d(19vw, -113vh, 0); } } @keyframes move-frames-30 { from { -webkit-transform: translate3d(66vw, 101vh, 0); transform: translate3d(66vw, 101vh, 0); } to { -webkit-transform: translate3d(19vw, -113vh, 0); transform: translate3d(19vw, -113vh, 0); } } .circle-container:nth-child(30) .circle { -webkit-animation-delay: 967ms; animation-delay: 967ms; } .circle-container:nth-child(31) { width: 1px; height: 1px; -webkit-animation-name: move-frames-31; animation-name: move-frames-31; -webkit-animation-duration: 10070ms; animation-duration: 10070ms; -webkit-animation-delay: 1791ms; animation-delay: 1791ms; } @-webkit-keyframes move-frames-31 { from { -webkit-transform: translate3d(13vw, 104vh, 0); transform: translate3d(13vw, 104vh, 0); } to { -webkit-transform: translate3d(42vw, -117vh, 0); transform: translate3d(42vw, -117vh, 0); } } @keyframes move-frames-31 { from { -webkit-transform: translate3d(13vw, 104vh, 0); transform: translate3d(13vw, 104vh, 0); } to { -webkit-transform: translate3d(42vw, -117vh, 0); transform: translate3d(42vw, -117vh, 0); } } .circle-container:nth-child(31) .circle { -webkit-animation-delay: 758ms; animation-delay: 758ms; } .circle-container:nth-child(32) { width: 5px; height: 5px; -webkit-animation-name: move-frames-32; animation-name: move-frames-32; -webkit-animation-duration: 8451ms; animation-duration: 8451ms; -webkit-animation-delay: 6828ms; animation-delay: 6828ms; } @-webkit-keyframes move-frames-32 { from { -webkit-transform: translate3d(27vw, 101vh, 0); transform: translate3d(27vw, 101vh, 0); } to { -webkit-transform: translate3d(54vw, -120vh, 0); transform: translate3d(54vw, -120vh, 0); } } @keyframes move-frames-32 { from { -webkit-transform: translate3d(27vw, 101vh, 0); transform: translate3d(27vw, 101vh, 0); } to { -webkit-transform: translate3d(54vw, -120vh, 0); transform: translate3d(54vw, -120vh, 0); } } .circle-container:nth-child(32) .circle { -webkit-animation-delay: 102ms; animation-delay: 102ms; } .circle-container:nth-child(33) { width: 3px; height: 3px; -webkit-animation-name: move-frames-33; animation-name: move-frames-33; -webkit-animation-duration: 8210ms; animation-duration: 8210ms; -webkit-animation-delay: 3585ms; animation-delay: 3585ms; } @-webkit-keyframes move-frames-33 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -108vh, 0); transform: translate3d(94vw, -108vh, 0); } } @keyframes move-frames-33 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -108vh, 0); transform: translate3d(94vw, -108vh, 0); } } .circle-container:nth-child(33) .circle { -webkit-animation-delay: 3895ms; animation-delay: 3895ms; } .circle-container:nth-child(34) { width: 2px; height: 2px; -webkit-animation-name: move-frames-34; animation-name: move-frames-34; -webkit-animation-duration: 10257ms; animation-duration: 10257ms; -webkit-animation-delay: 3610ms; animation-delay: 3610ms; } @-webkit-keyframes move-frames-34 { from { -webkit-transform: translate3d(87vw, 107vh, 0); transform: translate3d(87vw, 107vh, 0); } to { -webkit-transform: translate3d(90vw, -125vh, 0); transform: translate3d(90vw, -125vh, 0); } } @keyframes move-frames-34 { from { -webkit-transform: translate3d(87vw, 107vh, 0); transform: translate3d(87vw, 107vh, 0); } to { -webkit-transform: translate3d(90vw, -125vh, 0); transform: translate3d(90vw, -125vh, 0); } } .circle-container:nth-child(34) .circle { -webkit-animation-delay: 1663ms; animation-delay: 1663ms; } .circle-container:nth-child(35) { width: 1px; height: 1px; -webkit-animation-name: move-frames-35; animation-name: move-frames-35; -webkit-animation-duration: 9587ms; animation-duration: 9587ms; -webkit-animation-delay: 5481ms; animation-delay: 5481ms; } @-webkit-keyframes move-frames-35 { from { -webkit-transform: translate3d(10vw, 109vh, 0); transform: translate3d(10vw, 109vh, 0); } to { -webkit-transform: translate3d(11vw, -120vh, 0); transform: translate3d(11vw, -120vh, 0); } } @keyframes move-frames-35 { from { -webkit-transform: translate3d(10vw, 109vh, 0); transform: translate3d(10vw, 109vh, 0); } to { -webkit-transform: translate3d(11vw, -120vh, 0); transform: translate3d(11vw, -120vh, 0); } } .circle-container:nth-child(35) .circle { -webkit-animation-delay: 1846ms; animation-delay: 1846ms; } .circle-container:nth-child(36) { width: 8px; height: 8px; -webkit-animation-name: move-frames-36; animation-name: move-frames-36; -webkit-animation-duration: 9067ms; animation-duration: 9067ms; -webkit-animation-delay: 6362ms; animation-delay: 6362ms; } @-webkit-keyframes move-frames-36 { from { -webkit-transform: translate3d(76vw, 106vh, 0); transform: translate3d(76vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -114vh, 0); transform: translate3d(8vw, -114vh, 0); } } @keyframes move-frames-36 { from { -webkit-transform: translate3d(76vw, 106vh, 0); transform: translate3d(76vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -114vh, 0); transform: translate3d(8vw, -114vh, 0); } } .circle-container:nth-child(36) .circle { -webkit-animation-delay: 629ms; animation-delay: 629ms; } .circle-container:nth-child(37) { width: 7px; height: 7px; -webkit-animation-name: move-frames-37; animation-name: move-frames-37; -webkit-animation-duration: 10464ms; animation-duration: 10464ms; -webkit-animation-delay: 459ms; animation-delay: 459ms; } @-webkit-keyframes move-frames-37 { from { -webkit-transform: translate3d(87vw, 106vh, 0); transform: translate3d(87vw, 106vh, 0); } to { -webkit-transform: translate3d(19vw, -111vh, 0); transform: translate3d(19vw, -111vh, 0); } } @keyframes move-frames-37 { from { -webkit-transform: translate3d(87vw, 106vh, 0); transform: translate3d(87vw, 106vh, 0); } to { -webkit-transform: translate3d(19vw, -111vh, 0); transform: translate3d(19vw, -111vh, 0); } } .circle-container:nth-child(37) .circle { -webkit-animation-delay: 2923ms; animation-delay: 2923ms; } .circle-container:nth-child(38) { width: 7px; height: 7px; -webkit-animation-name: move-frames-38; animation-name: move-frames-38; -webkit-animation-duration: 7636ms; animation-duration: 7636ms; -webkit-animation-delay: 7001ms; animation-delay: 7001ms; } @-webkit-keyframes move-frames-38 { from { -webkit-transform: translate3d(5vw, 106vh, 0); transform: translate3d(5vw, 106vh, 0); } to { -webkit-transform: translate3d(6vw, -110vh, 0); transform: translate3d(6vw, -110vh, 0); } } @keyframes move-frames-38 { from { -webkit-transform: translate3d(5vw, 106vh, 0); transform: translate3d(5vw, 106vh, 0); } to { -webkit-transform: translate3d(6vw, -110vh, 0); transform: translate3d(6vw, -110vh, 0); } } .circle-container:nth-child(38) .circle { -webkit-animation-delay: 2952ms; animation-delay: 2952ms; } .circle-container:nth-child(39) { width: 4px; height: 4px; -webkit-animation-name: move-frames-39; animation-name: move-frames-39; -webkit-animation-duration: 7141ms; animation-duration: 7141ms; -webkit-animation-delay: 7364ms; animation-delay: 7364ms; } @-webkit-keyframes move-frames-39 { from { -webkit-transform: translate3d(40vw, 101vh, 0); transform: translate3d(40vw, 101vh, 0); } to { -webkit-transform: translate3d(60vw, -114vh, 0); transform: translate3d(60vw, -114vh, 0); } } @keyframes move-frames-39 { from { -webkit-transform: translate3d(40vw, 101vh, 0); transform: translate3d(40vw, 101vh, 0); } to { -webkit-transform: translate3d(60vw, -114vh, 0); transform: translate3d(60vw, -114vh, 0); } } .circle-container:nth-child(39) .circle { -webkit-animation-delay: 2547ms; animation-delay: 2547ms; } .circle-container:nth-child(40) { width: 2px; height: 2px; -webkit-animation-name: move-frames-40; animation-name: move-frames-40; -webkit-animation-duration: 8810ms; animation-duration: 8810ms; -webkit-animation-delay: 2995ms; animation-delay: 2995ms; } @-webkit-keyframes move-frames-40 { from { -webkit-transform: translate3d(97vw, 104vh, 0); transform: translate3d(97vw, 104vh, 0); } to { -webkit-transform: translate3d(67vw, -119vh, 0); transform: translate3d(67vw, -119vh, 0); } } @keyframes move-frames-40 { from { -webkit-transform: translate3d(97vw, 104vh, 0); transform: translate3d(97vw, 104vh, 0); } to { -webkit-transform: translate3d(67vw, -119vh, 0); transform: translate3d(67vw, -119vh, 0); } } .circle-container:nth-child(40) .circle { -webkit-animation-delay: 2456ms; animation-delay: 2456ms; } .circle-container:nth-child(41) { width: 8px; height: 8px; -webkit-animation-name: move-frames-41; animation-name: move-frames-41; -webkit-animation-duration: 9821ms; animation-duration: 9821ms; -webkit-animation-delay: 6398ms; animation-delay: 6398ms; } @-webkit-keyframes move-frames-41 { from { -webkit-transform: translate3d(21vw, 104vh, 0); transform: translate3d(21vw, 104vh, 0); } to { -webkit-transform: translate3d(71vw, -129vh, 0); transform: translate3d(71vw, -129vh, 0); } } @keyframes move-frames-41 { from { -webkit-transform: translate3d(21vw, 104vh, 0); transform: translate3d(21vw, 104vh, 0); } to { -webkit-transform: translate3d(71vw, -129vh, 0); transform: translate3d(71vw, -129vh, 0); } } .circle-container:nth-child(41) .circle { -webkit-animation-delay: 3442ms; animation-delay: 3442ms; } .circle-container:nth-child(42) { width: 2px; height: 2px; -webkit-animation-name: move-frames-42; animation-name: move-frames-42; -webkit-animation-duration: 8587ms; animation-duration: 8587ms; -webkit-animation-delay: 9325ms; animation-delay: 9325ms; } @-webkit-keyframes move-frames-42 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(19vw, -110vh, 0); transform: translate3d(19vw, -110vh, 0); } } @keyframes move-frames-42 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(19vw, -110vh, 0); transform: translate3d(19vw, -110vh, 0); } } .circle-container:nth-child(42) .circle { -webkit-animation-delay: 1786ms; animation-delay: 1786ms; } .circle-container:nth-child(43) { width: 2px; height: 2px; -webkit-animation-name: move-frames-43; animation-name: move-frames-43; -webkit-animation-duration: 9314ms; animation-duration: 9314ms; -webkit-animation-delay: 2538ms; animation-delay: 2538ms; } @-webkit-keyframes move-frames-43 { from { -webkit-transform: translate3d(77vw, 101vh, 0); transform: translate3d(77vw, 101vh, 0); } to { -webkit-transform: translate3d(21vw, -123vh, 0); transform: translate3d(21vw, -123vh, 0); } } @keyframes move-frames-43 { from { -webkit-transform: translate3d(77vw, 101vh, 0); transform: translate3d(77vw, 101vh, 0); } to { -webkit-transform: translate3d(21vw, -123vh, 0); transform: translate3d(21vw, -123vh, 0); } } .circle-container:nth-child(43) .circle { -webkit-animation-delay: 278ms; animation-delay: 278ms; } .circle-container:nth-child(44) { width: 3px; height: 3px; -webkit-animation-name: move-frames-44; animation-name: move-frames-44; -webkit-animation-duration: 10350ms; animation-duration: 10350ms; -webkit-animation-delay: 1400ms; animation-delay: 1400ms; } @-webkit-keyframes move-frames-44 { from { -webkit-transform: translate3d(70vw, 108vh, 0); transform: translate3d(70vw, 108vh, 0); } to { -webkit-transform: translate3d(35vw, -128vh, 0); transform: translate3d(35vw, -128vh, 0); } } @keyframes move-frames-44 { from { -webkit-transform: translate3d(70vw, 108vh, 0); transform: translate3d(70vw, 108vh, 0); } to { -webkit-transform: translate3d(35vw, -128vh, 0); transform: translate3d(35vw, -128vh, 0); } } .circle-container:nth-child(44) .circle { -webkit-animation-delay: 1914ms; animation-delay: 1914ms; } .circle-container:nth-child(45) { width: 9px; height: 9px; -webkit-animation-name: move-frames-45; animation-name: move-frames-45; -webkit-animation-duration: 8763ms; animation-duration: 8763ms; -webkit-animation-delay: 9612ms; animation-delay: 9612ms; } @-webkit-keyframes move-frames-45 { from { -webkit-transform: translate3d(10vw, 105vh, 0); transform: translate3d(10vw, 105vh, 0); } to { -webkit-transform: translate3d(47vw, -122vh, 0); transform: translate3d(47vw, -122vh, 0); } } @keyframes move-frames-45 { from { -webkit-transform: translate3d(10vw, 105vh, 0); transform: translate3d(10vw, 105vh, 0); } to { -webkit-transform: translate3d(47vw, -122vh, 0); transform: translate3d(47vw, -122vh, 0); } } .circle-container:nth-child(45) .circle { -webkit-animation-delay: 489ms; animation-delay: 489ms; } .circle-container:nth-child(46) { width: 4px; height: 4px; -webkit-animation-name: move-frames-46; animation-name: move-frames-46; -webkit-animation-duration: 8664ms; animation-duration: 8664ms; -webkit-animation-delay: 2027ms; animation-delay: 2027ms; } @-webkit-keyframes move-frames-46 { from { -webkit-transform: translate3d(12vw, 107vh, 0); transform: translate3d(12vw, 107vh, 0); } to { -webkit-transform: translate3d(50vw, -129vh, 0); transform: translate3d(50vw, -129vh, 0); } } @keyframes move-frames-46 { from { -webkit-transform: translate3d(12vw, 107vh, 0); transform: translate3d(12vw, 107vh, 0); } to { -webkit-transform: translate3d(50vw, -129vh, 0); transform: translate3d(50vw, -129vh, 0); } } .circle-container:nth-child(46) .circle { -webkit-animation-delay: 3695ms; animation-delay: 3695ms; } .circle-container:nth-child(47) { width: 3px; height: 3px; -webkit-animation-name: move-frames-47; animation-name: move-frames-47; -webkit-animation-duration: 7560ms; animation-duration: 7560ms; -webkit-animation-delay: 1148ms; animation-delay: 1148ms; } @-webkit-keyframes move-frames-47 { from { -webkit-transform: translate3d(19vw, 109vh, 0); transform: translate3d(19vw, 109vh, 0); } to { -webkit-transform: translate3d(64vw, -132vh, 0); transform: translate3d(64vw, -132vh, 0); } } @keyframes move-frames-47 { from { -webkit-transform: translate3d(19vw, 109vh, 0); transform: translate3d(19vw, 109vh, 0); } to { -webkit-transform: translate3d(64vw, -132vh, 0); transform: translate3d(64vw, -132vh, 0); } } .circle-container:nth-child(47) .circle { -webkit-animation-delay: 2281ms; animation-delay: 2281ms; } .circle-container:nth-child(48) { width: 9px; height: 9px; -webkit-animation-name: move-frames-48; animation-name: move-frames-48; -webkit-animation-duration: 8113ms; animation-duration: 8113ms; -webkit-animation-delay: 10176ms; animation-delay: 10176ms; } @-webkit-keyframes move-frames-48 { from { -webkit-transform: translate3d(71vw, 102vh, 0); transform: translate3d(71vw, 102vh, 0); } to { -webkit-transform: translate3d(59vw, -130vh, 0); transform: translate3d(59vw, -130vh, 0); } } @keyframes move-frames-48 { from { -webkit-transform: translate3d(71vw, 102vh, 0); transform: translate3d(71vw, 102vh, 0); } to { -webkit-transform: translate3d(59vw, -130vh, 0); transform: translate3d(59vw, -130vh, 0); } } .circle-container:nth-child(48) .circle { -webkit-animation-delay: 2287ms; animation-delay: 2287ms; } .circle-container:nth-child(49) { width: 7px; height: 7px; -webkit-animation-name: move-frames-49; animation-name: move-frames-49; -webkit-animation-duration: 8320ms; animation-duration: 8320ms; -webkit-animation-delay: 6863ms; animation-delay: 6863ms; } @-webkit-keyframes move-frames-49 { from { -webkit-transform: translate3d(44vw, 106vh, 0); transform: translate3d(44vw, 106vh, 0); } to { -webkit-transform: translate3d(92vw, -110vh, 0); transform: translate3d(92vw, -110vh, 0); } } @keyframes move-frames-49 { from { -webkit-transform: translate3d(44vw, 106vh, 0); transform: translate3d(44vw, 106vh, 0); } to { -webkit-transform: translate3d(92vw, -110vh, 0); transform: translate3d(92vw, -110vh, 0); } } .circle-container:nth-child(49) .circle { -webkit-animation-delay: 2657ms; animation-delay: 2657ms; } .circle-container:nth-child(50) { width: 2px; height: 2px; -webkit-animation-name: move-frames-50; animation-name: move-frames-50; -webkit-animation-duration: 10040ms; animation-duration: 10040ms; -webkit-animation-delay: 5659ms; animation-delay: 5659ms; } @-webkit-keyframes move-frames-50 { from { -webkit-transform: translate3d(91vw, 106vh, 0); transform: translate3d(91vw, 106vh, 0); } to { -webkit-transform: translate3d(7vw, -127vh, 0); transform: translate3d(7vw, -127vh, 0); } } @keyframes move-frames-50 { from { -webkit-transform: translate3d(91vw, 106vh, 0); transform: translate3d(91vw, 106vh, 0); } to { -webkit-transform: translate3d(7vw, -127vh, 0); transform: translate3d(7vw, -127vh, 0); } } .circle-container:nth-child(50) .circle { -webkit-animation-delay: 305ms; animation-delay: 305ms; } .circle-container:nth-child(51) { width: 7px; height: 7px; -webkit-animation-name: move-frames-51; animation-name: move-frames-51; -webkit-animation-duration: 7733ms; animation-duration: 7733ms; -webkit-animation-delay: 3199ms; animation-delay: 3199ms; } @-webkit-keyframes move-frames-51 { from { -webkit-transform: translate3d(18vw, 101vh, 0); transform: translate3d(18vw, 101vh, 0); } to { -webkit-transform: translate3d(44vw, -118vh, 0); transform: translate3d(44vw, -118vh, 0); } } @keyframes move-frames-51 { from { -webkit-transform: translate3d(18vw, 101vh, 0); transform: translate3d(18vw, 101vh, 0); } to { -webkit-transform: translate3d(44vw, -118vh, 0); transform: translate3d(44vw, -118vh, 0); } } .circle-container:nth-child(51) .circle { -webkit-animation-delay: 2575ms; animation-delay: 2575ms; } .circle-container:nth-child(52) { width: 6px; height: 6px; -webkit-animation-name: move-frames-52; animation-name: move-frames-52; -webkit-animation-duration: 9205ms; animation-duration: 9205ms; -webkit-animation-delay: 3615ms; animation-delay: 3615ms; } @-webkit-keyframes move-frames-52 { from { -webkit-transform: translate3d(75vw, 108vh, 0); transform: translate3d(75vw, 108vh, 0); } to { -webkit-transform: translate3d(73vw, -126vh, 0); transform: translate3d(73vw, -126vh, 0); } } @keyframes move-frames-52 { from { -webkit-transform: translate3d(75vw, 108vh, 0); transform: translate3d(75vw, 108vh, 0); } to { -webkit-transform: translate3d(73vw, -126vh, 0); transform: translate3d(73vw, -126vh, 0); } } .circle-container:nth-child(52) .circle { -webkit-animation-delay: 3111ms; animation-delay: 3111ms; } .circle-container:nth-child(53) { width: 1px; height: 1px; -webkit-animation-name: move-frames-53; animation-name: move-frames-53; -webkit-animation-duration: 9986ms; animation-duration: 9986ms; -webkit-animation-delay: 591ms; animation-delay: 591ms; } @-webkit-keyframes move-frames-53 { from { -webkit-transform: translate3d(12vw, 107vh, 0); transform: translate3d(12vw, 107vh, 0); } to { -webkit-transform: translate3d(60vw, -112vh, 0); transform: translate3d(60vw, -112vh, 0); } } @keyframes move-frames-53 { from { -webkit-transform: translate3d(12vw, 107vh, 0); transform: translate3d(12vw, 107vh, 0); } to { -webkit-transform: translate3d(60vw, -112vh, 0); transform: translate3d(60vw, -112vh, 0); } } .circle-container:nth-child(53) .circle { -webkit-animation-delay: 3881ms; animation-delay: 3881ms; } .circle-container:nth-child(54) { width: 5px; height: 5px; -webkit-animation-name: move-frames-54; animation-name: move-frames-54; -webkit-animation-duration: 7951ms; animation-duration: 7951ms; -webkit-animation-delay: 4744ms; animation-delay: 4744ms; } @-webkit-keyframes move-frames-54 { from { -webkit-transform: translate3d(2vw, 110vh, 0); transform: translate3d(2vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -124vh, 0); transform: translate3d(38vw, -124vh, 0); } } @keyframes move-frames-54 { from { -webkit-transform: translate3d(2vw, 110vh, 0); transform: translate3d(2vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -124vh, 0); transform: translate3d(38vw, -124vh, 0); } } .circle-container:nth-child(54) .circle { -webkit-animation-delay: 2891ms; animation-delay: 2891ms; } .circle-container:nth-child(55) { width: 4px; height: 4px; -webkit-animation-name: move-frames-55; animation-name: move-frames-55; -webkit-animation-duration: 10203ms; animation-duration: 10203ms; -webkit-animation-delay: 6172ms; animation-delay: 6172ms; } @-webkit-keyframes move-frames-55 { from { -webkit-transform: translate3d(58vw, 103vh, 0); transform: translate3d(58vw, 103vh, 0); } to { -webkit-transform: translate3d(66vw, -115vh, 0); transform: translate3d(66vw, -115vh, 0); } } @keyframes move-frames-55 { from { -webkit-transform: translate3d(58vw, 103vh, 0); transform: translate3d(58vw, 103vh, 0); } to { -webkit-transform: translate3d(66vw, -115vh, 0); transform: translate3d(66vw, -115vh, 0); } } .circle-container:nth-child(55) .circle { -webkit-animation-delay: 271ms; animation-delay: 271ms; } .circle-container:nth-child(56) { width: 1px; height: 1px; -webkit-animation-name: move-frames-56; animation-name: move-frames-56; -webkit-animation-duration: 8809ms; animation-duration: 8809ms; -webkit-animation-delay: 1972ms; animation-delay: 1972ms; } @-webkit-keyframes move-frames-56 { from { -webkit-transform: translate3d(1vw, 101vh, 0); transform: translate3d(1vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -102vh, 0); transform: translate3d(87vw, -102vh, 0); } } @keyframes move-frames-56 { from { -webkit-transform: translate3d(1vw, 101vh, 0); transform: translate3d(1vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -102vh, 0); transform: translate3d(87vw, -102vh, 0); } } .circle-container:nth-child(56) .circle { -webkit-animation-delay: 3175ms; animation-delay: 3175ms; } .circle-container:nth-child(57) { width: 7px; height: 7px; -webkit-animation-name: move-frames-57; animation-name: move-frames-57; -webkit-animation-duration: 8823ms; animation-duration: 8823ms; -webkit-animation-delay: 9617ms; animation-delay: 9617ms; } @-webkit-keyframes move-frames-57 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(68vw, -115vh, 0); transform: translate3d(68vw, -115vh, 0); } } @keyframes move-frames-57 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(68vw, -115vh, 0); transform: translate3d(68vw, -115vh, 0); } } .circle-container:nth-child(57) .circle { -webkit-animation-delay: 3929ms; animation-delay: 3929ms; } .circle-container:nth-child(58) { width: 2px; height: 2px; -webkit-animation-name: move-frames-58; animation-name: move-frames-58; -webkit-animation-duration: 10905ms; animation-duration: 10905ms; -webkit-animation-delay: 7747ms; animation-delay: 7747ms; } @-webkit-keyframes move-frames-58 { from { -webkit-transform: translate3d(54vw, 109vh, 0); transform: translate3d(54vw, 109vh, 0); } to { -webkit-transform: translate3d(26vw, -135vh, 0); transform: translate3d(26vw, -135vh, 0); } } @keyframes move-frames-58 { from { -webkit-transform: translate3d(54vw, 109vh, 0); transform: translate3d(54vw, 109vh, 0); } to { -webkit-transform: translate3d(26vw, -135vh, 0); transform: translate3d(26vw, -135vh, 0); } } .circle-container:nth-child(58) .circle { -webkit-animation-delay: 268ms; animation-delay: 268ms; } .circle-container:nth-child(59) { width: 1px; height: 1px; -webkit-animation-name: move-frames-59; animation-name: move-frames-59; -webkit-animation-duration: 8679ms; animation-duration: 8679ms; -webkit-animation-delay: 6838ms; animation-delay: 6838ms; } @-webkit-keyframes move-frames-59 { from { -webkit-transform: translate3d(93vw, 110vh, 0); transform: translate3d(93vw, 110vh, 0); } to { -webkit-transform: translate3d(56vw, -138vh, 0); transform: translate3d(56vw, -138vh, 0); } } @keyframes move-frames-59 { from { -webkit-transform: translate3d(93vw, 110vh, 0); transform: translate3d(93vw, 110vh, 0); } to { -webkit-transform: translate3d(56vw, -138vh, 0); transform: translate3d(56vw, -138vh, 0); } } .circle-container:nth-child(59) .circle { -webkit-animation-delay: 933ms; animation-delay: 933ms; } .circle-container:nth-child(60) { width: 6px; height: 6px; -webkit-animation-name: move-frames-60; animation-name: move-frames-60; -webkit-animation-duration: 10727ms; animation-duration: 10727ms; -webkit-animation-delay: 6300ms; animation-delay: 6300ms; } @-webkit-keyframes move-frames-60 { from { -webkit-transform: translate3d(31vw, 102vh, 0); transform: translate3d(31vw, 102vh, 0); } to { -webkit-transform: translate3d(3vw, -126vh, 0); transform: translate3d(3vw, -126vh, 0); } } @keyframes move-frames-60 { from { -webkit-transform: translate3d(31vw, 102vh, 0); transform: translate3d(31vw, 102vh, 0); } to { -webkit-transform: translate3d(3vw, -126vh, 0); transform: translate3d(3vw, -126vh, 0); } } .circle-container:nth-child(60) .circle { -webkit-animation-delay: 1802ms; animation-delay: 1802ms; } .circle-container:nth-child(61) { width: 7px; height: 7px; -webkit-animation-name: move-frames-61; animation-name: move-frames-61; -webkit-animation-duration: 7874ms; animation-duration: 7874ms; -webkit-animation-delay: 2384ms; animation-delay: 2384ms; } @-webkit-keyframes move-frames-61 { from { -webkit-transform: translate3d(87vw, 104vh, 0); transform: translate3d(87vw, 104vh, 0); } to { -webkit-transform: translate3d(92vw, -134vh, 0); transform: translate3d(92vw, -134vh, 0); } } @keyframes move-frames-61 { from { -webkit-transform: translate3d(87vw, 104vh, 0); transform: translate3d(87vw, 104vh, 0); } to { -webkit-transform: translate3d(92vw, -134vh, 0); transform: translate3d(92vw, -134vh, 0); } } .circle-container:nth-child(61) .circle { -webkit-animation-delay: 2326ms; animation-delay: 2326ms; } .circle-container:nth-child(62) { width: 2px; height: 2px; -webkit-animation-name: move-frames-62; animation-name: move-frames-62; -webkit-animation-duration: 9350ms; animation-duration: 9350ms; -webkit-animation-delay: 8693ms; animation-delay: 8693ms; } @-webkit-keyframes move-frames-62 { from { -webkit-transform: translate3d(36vw, 108vh, 0); transform: translate3d(36vw, 108vh, 0); } to { -webkit-transform: translate3d(76vw, -138vh, 0); transform: translate3d(76vw, -138vh, 0); } } @keyframes move-frames-62 { from { -webkit-transform: translate3d(36vw, 108vh, 0); transform: translate3d(36vw, 108vh, 0); } to { -webkit-transform: translate3d(76vw, -138vh, 0); transform: translate3d(76vw, -138vh, 0); } } .circle-container:nth-child(62) .circle { -webkit-animation-delay: 2265ms; animation-delay: 2265ms; } .circle-container:nth-child(63) { width: 4px; height: 4px; -webkit-animation-name: move-frames-63; animation-name: move-frames-63; -webkit-animation-duration: 9490ms; animation-duration: 9490ms; -webkit-animation-delay: 8587ms; animation-delay: 8587ms; } @-webkit-keyframes move-frames-63 { from { -webkit-transform: translate3d(52vw, 102vh, 0); transform: translate3d(52vw, 102vh, 0); } to { -webkit-transform: translate3d(21vw, -113vh, 0); transform: translate3d(21vw, -113vh, 0); } } @keyframes move-frames-63 { from { -webkit-transform: translate3d(52vw, 102vh, 0); transform: translate3d(52vw, 102vh, 0); } to { -webkit-transform: translate3d(21vw, -113vh, 0); transform: translate3d(21vw, -113vh, 0); } } .circle-container:nth-child(63) .circle { -webkit-animation-delay: 3567ms; animation-delay: 3567ms; } .circle-container:nth-child(64) { width: 8px; height: 8px; -webkit-animation-name: move-frames-64; animation-name: move-frames-64; -webkit-animation-duration: 9062ms; animation-duration: 9062ms; -webkit-animation-delay: 859ms; animation-delay: 859ms; } @-webkit-keyframes move-frames-64 { from { -webkit-transform: translate3d(88vw, 105vh, 0); transform: translate3d(88vw, 105vh, 0); } to { -webkit-transform: translate3d(51vw, -125vh, 0); transform: translate3d(51vw, -125vh, 0); } } @keyframes move-frames-64 { from { -webkit-transform: translate3d(88vw, 105vh, 0); transform: translate3d(88vw, 105vh, 0); } to { -webkit-transform: translate3d(51vw, -125vh, 0); transform: translate3d(51vw, -125vh, 0); } } .circle-container:nth-child(64) .circle { -webkit-animation-delay: 1843ms; animation-delay: 1843ms; } .circle-container:nth-child(65) { width: 4px; height: 4px; -webkit-animation-name: move-frames-65; animation-name: move-frames-65; -webkit-animation-duration: 9967ms; animation-duration: 9967ms; -webkit-animation-delay: 2021ms; animation-delay: 2021ms; } @-webkit-keyframes move-frames-65 { from { -webkit-transform: translate3d(11vw, 110vh, 0); transform: translate3d(11vw, 110vh, 0); } to { -webkit-transform: translate3d(43vw, -116vh, 0); transform: translate3d(43vw, -116vh, 0); } } @keyframes move-frames-65 { from { -webkit-transform: translate3d(11vw, 110vh, 0); transform: translate3d(11vw, 110vh, 0); } to { -webkit-transform: translate3d(43vw, -116vh, 0); transform: translate3d(43vw, -116vh, 0); } } .circle-container:nth-child(65) .circle { -webkit-animation-delay: 258ms; animation-delay: 258ms; } .circle-container:nth-child(66) { width: 7px; height: 7px; -webkit-animation-name: move-frames-66; animation-name: move-frames-66; -webkit-animation-duration: 9722ms; animation-duration: 9722ms; -webkit-animation-delay: 1232ms; animation-delay: 1232ms; } @-webkit-keyframes move-frames-66 { from { -webkit-transform: translate3d(14vw, 104vh, 0); transform: translate3d(14vw, 104vh, 0); } to { -webkit-transform: translate3d(20vw, -124vh, 0); transform: translate3d(20vw, -124vh, 0); } } @keyframes move-frames-66 { from { -webkit-transform: translate3d(14vw, 104vh, 0); transform: translate3d(14vw, 104vh, 0); } to { -webkit-transform: translate3d(20vw, -124vh, 0); transform: translate3d(20vw, -124vh, 0); } } .circle-container:nth-child(66) .circle { -webkit-animation-delay: 1045ms; animation-delay: 1045ms; } .circle-container:nth-child(67) { width: 1px; height: 1px; -webkit-animation-name: move-frames-67; animation-name: move-frames-67; -webkit-animation-duration: 9866ms; animation-duration: 9866ms; -webkit-animation-delay: 2433ms; animation-delay: 2433ms; } @-webkit-keyframes move-frames-67 { from { -webkit-transform: translate3d(49vw, 105vh, 0); transform: translate3d(49vw, 105vh, 0); } to { -webkit-transform: translate3d(47vw, -117vh, 0); transform: translate3d(47vw, -117vh, 0); } } @keyframes move-frames-67 { from { -webkit-transform: translate3d(49vw, 105vh, 0); transform: translate3d(49vw, 105vh, 0); } to { -webkit-transform: translate3d(47vw, -117vh, 0); transform: translate3d(47vw, -117vh, 0); } } .circle-container:nth-child(67) .circle { -webkit-animation-delay: 2715ms; animation-delay: 2715ms; } .circle-container:nth-child(68) { width: 10px; height: 10px; -webkit-animation-name: move-frames-68; animation-name: move-frames-68; -webkit-animation-duration: 7814ms; animation-duration: 7814ms; -webkit-animation-delay: 8587ms; animation-delay: 8587ms; } @-webkit-keyframes move-frames-68 { from { -webkit-transform: translate3d(32vw, 103vh, 0); transform: translate3d(32vw, 103vh, 0); } to { -webkit-transform: translate3d(2vw, -116vh, 0); transform: translate3d(2vw, -116vh, 0); } } @keyframes move-frames-68 { from { -webkit-transform: translate3d(32vw, 103vh, 0); transform: translate3d(32vw, 103vh, 0); } to { -webkit-transform: translate3d(2vw, -116vh, 0); transform: translate3d(2vw, -116vh, 0); } } .circle-container:nth-child(68) .circle { -webkit-animation-delay: 1485ms; animation-delay: 1485ms; } .circle-container:nth-child(69) { width: 9px; height: 9px; -webkit-animation-name: move-frames-69; animation-name: move-frames-69; -webkit-animation-duration: 10708ms; animation-duration: 10708ms; -webkit-animation-delay: 2875ms; animation-delay: 2875ms; } @-webkit-keyframes move-frames-69 { from { -webkit-transform: translate3d(35vw, 104vh, 0); transform: translate3d(35vw, 104vh, 0); } to { -webkit-transform: translate3d(59vw, -132vh, 0); transform: translate3d(59vw, -132vh, 0); } } @keyframes move-frames-69 { from { -webkit-transform: translate3d(35vw, 104vh, 0); transform: translate3d(35vw, 104vh, 0); } to { -webkit-transform: translate3d(59vw, -132vh, 0); transform: translate3d(59vw, -132vh, 0); } } .circle-container:nth-child(69) .circle { -webkit-animation-delay: 418ms; animation-delay: 418ms; } .circle-container:nth-child(70) { width: 2px; height: 2px; -webkit-animation-name: move-frames-70; animation-name: move-frames-70; -webkit-animation-duration: 7155ms; animation-duration: 7155ms; -webkit-animation-delay: 7642ms; animation-delay: 7642ms; } @-webkit-keyframes move-frames-70 { from { -webkit-transform: translate3d(36vw, 109vh, 0); transform: translate3d(36vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -111vh, 0); transform: translate3d(76vw, -111vh, 0); } } @keyframes move-frames-70 { from { -webkit-transform: translate3d(36vw, 109vh, 0); transform: translate3d(36vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -111vh, 0); transform: translate3d(76vw, -111vh, 0); } } .circle-container:nth-child(70) .circle { -webkit-animation-delay: 3561ms; animation-delay: 3561ms; } .circle-container:nth-child(71) { width: 4px; height: 4px; -webkit-animation-name: move-frames-71; animation-name: move-frames-71; -webkit-animation-duration: 10435ms; animation-duration: 10435ms; -webkit-animation-delay: 4267ms; animation-delay: 4267ms; } @-webkit-keyframes move-frames-71 { from { -webkit-transform: translate3d(74vw, 105vh, 0); transform: translate3d(74vw, 105vh, 0); } to { -webkit-transform: translate3d(67vw, -128vh, 0); transform: translate3d(67vw, -128vh, 0); } } @keyframes move-frames-71 { from { -webkit-transform: translate3d(74vw, 105vh, 0); transform: translate3d(74vw, 105vh, 0); } to { -webkit-transform: translate3d(67vw, -128vh, 0); transform: translate3d(67vw, -128vh, 0); } } .circle-container:nth-child(71) .circle { -webkit-animation-delay: 2186ms; animation-delay: 2186ms; } .circle-container:nth-child(72) { width: 5px; height: 5px; -webkit-animation-name: move-frames-72; animation-name: move-frames-72; -webkit-animation-duration: 7478ms; animation-duration: 7478ms; -webkit-animation-delay: 5776ms; animation-delay: 5776ms; } @-webkit-keyframes move-frames-72 { from { -webkit-transform: translate3d(51vw, 110vh, 0); transform: translate3d(51vw, 110vh, 0); } to { -webkit-transform: translate3d(58vw, -116vh, 0); transform: translate3d(58vw, -116vh, 0); } } @keyframes move-frames-72 { from { -webkit-transform: translate3d(51vw, 110vh, 0); transform: translate3d(51vw, 110vh, 0); } to { -webkit-transform: translate3d(58vw, -116vh, 0); transform: translate3d(58vw, -116vh, 0); } } .circle-container:nth-child(72) .circle { -webkit-animation-delay: 1254ms; animation-delay: 1254ms; } .circle-container:nth-child(73) { width: 4px; height: 4px; -webkit-animation-name: move-frames-73; animation-name: move-frames-73; -webkit-animation-duration: 7309ms; animation-duration: 7309ms; -webkit-animation-delay: 10241ms; animation-delay: 10241ms; } @-webkit-keyframes move-frames-73 { from { -webkit-transform: translate3d(76vw, 105vh, 0); transform: translate3d(76vw, 105vh, 0); } to { -webkit-transform: translate3d(65vw, -125vh, 0); transform: translate3d(65vw, -125vh, 0); } } @keyframes move-frames-73 { from { -webkit-transform: translate3d(76vw, 105vh, 0); transform: translate3d(76vw, 105vh, 0); } to { -webkit-transform: translate3d(65vw, -125vh, 0); transform: translate3d(65vw, -125vh, 0); } } .circle-container:nth-child(73) .circle { -webkit-animation-delay: 2095ms; animation-delay: 2095ms; } .circle-container:nth-child(74) { width: 1px; height: 1px; -webkit-animation-name: move-frames-74; animation-name: move-frames-74; -webkit-animation-duration: 10996ms; animation-duration: 10996ms; -webkit-animation-delay: 3358ms; animation-delay: 3358ms; } @-webkit-keyframes move-frames-74 { from { -webkit-transform: translate3d(32vw, 110vh, 0); transform: translate3d(32vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -133vh, 0); transform: translate3d(86vw, -133vh, 0); } } @keyframes move-frames-74 { from { -webkit-transform: translate3d(32vw, 110vh, 0); transform: translate3d(32vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -133vh, 0); transform: translate3d(86vw, -133vh, 0); } } .circle-container:nth-child(74) .circle { -webkit-animation-delay: 2220ms; animation-delay: 2220ms; } .circle-container:nth-child(75) { width: 8px; height: 8px; -webkit-animation-name: move-frames-75; animation-name: move-frames-75; -webkit-animation-duration: 10472ms; animation-duration: 10472ms; -webkit-animation-delay: 7501ms; animation-delay: 7501ms; } @-webkit-keyframes move-frames-75 { from { -webkit-transform: translate3d(1vw, 108vh, 0); transform: translate3d(1vw, 108vh, 0); } to { -webkit-transform: translate3d(43vw, -134vh, 0); transform: translate3d(43vw, -134vh, 0); } } @keyframes move-frames-75 { from { -webkit-transform: translate3d(1vw, 108vh, 0); transform: translate3d(1vw, 108vh, 0); } to { -webkit-transform: translate3d(43vw, -134vh, 0); transform: translate3d(43vw, -134vh, 0); } } .circle-container:nth-child(75) .circle { -webkit-animation-delay: 516ms; animation-delay: 516ms; } .circle-container:nth-child(76) { width: 7px; height: 7px; -webkit-animation-name: move-frames-76; animation-name: move-frames-76; -webkit-animation-duration: 10365ms; animation-duration: 10365ms; -webkit-animation-delay: 10039ms; animation-delay: 10039ms; } @-webkit-keyframes move-frames-76 { from { -webkit-transform: translate3d(90vw, 108vh, 0); transform: translate3d(90vw, 108vh, 0); } to { -webkit-transform: translate3d(10vw, -110vh, 0); transform: translate3d(10vw, -110vh, 0); } } @keyframes move-frames-76 { from { -webkit-transform: translate3d(90vw, 108vh, 0); transform: translate3d(90vw, 108vh, 0); } to { -webkit-transform: translate3d(10vw, -110vh, 0); transform: translate3d(10vw, -110vh, 0); } } .circle-container:nth-child(76) .circle { -webkit-animation-delay: 2136ms; animation-delay: 2136ms; } .circle-container:nth-child(77) { width: 8px; height: 8px; -webkit-animation-name: move-frames-77; animation-name: move-frames-77; -webkit-animation-duration: 7324ms; animation-duration: 7324ms; -webkit-animation-delay: 5206ms; animation-delay: 5206ms; } @-webkit-keyframes move-frames-77 { from { -webkit-transform: translate3d(77vw, 108vh, 0); transform: translate3d(77vw, 108vh, 0); } to { -webkit-transform: translate3d(49vw, -133vh, 0); transform: translate3d(49vw, -133vh, 0); } } @keyframes move-frames-77 { from { -webkit-transform: translate3d(77vw, 108vh, 0); transform: translate3d(77vw, 108vh, 0); } to { -webkit-transform: translate3d(49vw, -133vh, 0); transform: translate3d(49vw, -133vh, 0); } } .circle-container:nth-child(77) .circle { -webkit-animation-delay: 2074ms; animation-delay: 2074ms; } .circle-container:nth-child(78) { width: 8px; height: 8px; -webkit-animation-name: move-frames-78; animation-name: move-frames-78; -webkit-animation-duration: 9891ms; animation-duration: 9891ms; -webkit-animation-delay: 2591ms; animation-delay: 2591ms; } @-webkit-keyframes move-frames-78 { from { -webkit-transform: translate3d(18vw, 108vh, 0); transform: translate3d(18vw, 108vh, 0); } to { -webkit-transform: translate3d(64vw, -128vh, 0); transform: translate3d(64vw, -128vh, 0); } } @keyframes move-frames-78 { from { -webkit-transform: translate3d(18vw, 108vh, 0); transform: translate3d(18vw, 108vh, 0); } to { -webkit-transform: translate3d(64vw, -128vh, 0); transform: translate3d(64vw, -128vh, 0); } } .circle-container:nth-child(78) .circle { -webkit-animation-delay: 1553ms; animation-delay: 1553ms; } .circle-container:nth-child(79) { width: 8px; height: 8px; -webkit-animation-name: move-frames-79; animation-name: move-frames-79; -webkit-animation-duration: 8874ms; animation-duration: 8874ms; -webkit-animation-delay: 248ms; animation-delay: 248ms; } @-webkit-keyframes move-frames-79 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(60vw, -129vh, 0); transform: translate3d(60vw, -129vh, 0); } } @keyframes move-frames-79 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(60vw, -129vh, 0); transform: translate3d(60vw, -129vh, 0); } } .circle-container:nth-child(79) .circle { -webkit-animation-delay: 3636ms; animation-delay: 3636ms; } .circle-container:nth-child(80) { width: 5px; height: 5px; -webkit-animation-name: move-frames-80; animation-name: move-frames-80; -webkit-animation-duration: 9729ms; animation-duration: 9729ms; -webkit-animation-delay: 2633ms; animation-delay: 2633ms; } @-webkit-keyframes move-frames-80 { from { -webkit-transform: translate3d(43vw, 109vh, 0); transform: translate3d(43vw, 109vh, 0); } to { -webkit-transform: translate3d(2vw, -118vh, 0); transform: translate3d(2vw, -118vh, 0); } } @keyframes move-frames-80 { from { -webkit-transform: translate3d(43vw, 109vh, 0); transform: translate3d(43vw, 109vh, 0); } to { -webkit-transform: translate3d(2vw, -118vh, 0); transform: translate3d(2vw, -118vh, 0); } } .circle-container:nth-child(80) .circle { -webkit-animation-delay: 714ms; animation-delay: 714ms; } .circle-container:nth-child(81) { width: 5px; height: 5px; -webkit-animation-name: move-frames-81; animation-name: move-frames-81; -webkit-animation-duration: 7842ms; animation-duration: 7842ms; -webkit-animation-delay: 546ms; animation-delay: 546ms; } @-webkit-keyframes move-frames-81 { from { -webkit-transform: translate3d(10vw, 104vh, 0); transform: translate3d(10vw, 104vh, 0); } to { -webkit-transform: translate3d(57vw, -111vh, 0); transform: translate3d(57vw, -111vh, 0); } } @keyframes move-frames-81 { from { -webkit-transform: translate3d(10vw, 104vh, 0); transform: translate3d(10vw, 104vh, 0); } to { -webkit-transform: translate3d(57vw, -111vh, 0); transform: translate3d(57vw, -111vh, 0); } } .circle-container:nth-child(81) .circle { -webkit-animation-delay: 1170ms; animation-delay: 1170ms; } .circle-container:nth-child(82) { width: 8px; height: 8px; -webkit-animation-name: move-frames-82; animation-name: move-frames-82; -webkit-animation-duration: 9802ms; animation-duration: 9802ms; -webkit-animation-delay: 1939ms; animation-delay: 1939ms; } @-webkit-keyframes move-frames-82 { from { -webkit-transform: translate3d(34vw, 110vh, 0); transform: translate3d(34vw, 110vh, 0); } to { -webkit-transform: translate3d(72vw, -140vh, 0); transform: translate3d(72vw, -140vh, 0); } } @keyframes move-frames-82 { from { -webkit-transform: translate3d(34vw, 110vh, 0); transform: translate3d(34vw, 110vh, 0); } to { -webkit-transform: translate3d(72vw, -140vh, 0); transform: translate3d(72vw, -140vh, 0); } } .circle-container:nth-child(82) .circle { -webkit-animation-delay: 1031ms; animation-delay: 1031ms; } .circle-container:nth-child(83) { width: 7px; height: 7px; -webkit-animation-name: move-frames-83; animation-name: move-frames-83; -webkit-animation-duration: 7859ms; animation-duration: 7859ms; -webkit-animation-delay: 446ms; animation-delay: 446ms; } @-webkit-keyframes move-frames-83 { from { -webkit-transform: translate3d(100vw, 107vh, 0); transform: translate3d(100vw, 107vh, 0); } to { -webkit-transform: translate3d(29vw, -110vh, 0); transform: translate3d(29vw, -110vh, 0); } } @keyframes move-frames-83 { from { -webkit-transform: translate3d(100vw, 107vh, 0); transform: translate3d(100vw, 107vh, 0); } to { -webkit-transform: translate3d(29vw, -110vh, 0); transform: translate3d(29vw, -110vh, 0); } } .circle-container:nth-child(83) .circle { -webkit-animation-delay: 1491ms; animation-delay: 1491ms; } .circle-container:nth-child(84) { width: 5px; height: 5px; -webkit-animation-name: move-frames-84; animation-name: move-frames-84; -webkit-animation-duration: 10792ms; animation-duration: 10792ms; -webkit-animation-delay: 6434ms; animation-delay: 6434ms; } @-webkit-keyframes move-frames-84 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } @keyframes move-frames-84 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } .circle-container:nth-child(84) .circle { -webkit-animation-delay: 2321ms; animation-delay: 2321ms; } .circle-container:nth-child(85) { width: 7px; height: 7px; -webkit-animation-name: move-frames-85; animation-name: move-frames-85; -webkit-animation-duration: 9683ms; animation-duration: 9683ms; -webkit-animation-delay: 6951ms; animation-delay: 6951ms; } @-webkit-keyframes move-frames-85 { from { -webkit-transform: translate3d(15vw, 104vh, 0); transform: translate3d(15vw, 104vh, 0); } to { -webkit-transform: translate3d(34vw, -129vh, 0); transform: translate3d(34vw, -129vh, 0); } } @keyframes move-frames-85 { from { -webkit-transform: translate3d(15vw, 104vh, 0); transform: translate3d(15vw, 104vh, 0); } to { -webkit-transform: translate3d(34vw, -129vh, 0); transform: translate3d(34vw, -129vh, 0); } } .circle-container:nth-child(85) .circle { -webkit-animation-delay: 983ms; animation-delay: 983ms; } .circle-container:nth-child(86) { width: 8px; height: 8px; -webkit-animation-name: move-frames-86; animation-name: move-frames-86; -webkit-animation-duration: 10918ms; animation-duration: 10918ms; -webkit-animation-delay: 4101ms; animation-delay: 4101ms; } @-webkit-keyframes move-frames-86 { from { -webkit-transform: translate3d(89vw, 102vh, 0); transform: translate3d(89vw, 102vh, 0); } to { -webkit-transform: translate3d(42vw, -104vh, 0); transform: translate3d(42vw, -104vh, 0); } } @keyframes move-frames-86 { from { -webkit-transform: translate3d(89vw, 102vh, 0); transform: translate3d(89vw, 102vh, 0); } to { -webkit-transform: translate3d(42vw, -104vh, 0); transform: translate3d(42vw, -104vh, 0); } } .circle-container:nth-child(86) .circle { -webkit-animation-delay: 3608ms; animation-delay: 3608ms; } .circle-container:nth-child(87) { width: 8px; height: 8px; -webkit-animation-name: move-frames-87; animation-name: move-frames-87; -webkit-animation-duration: 8780ms; animation-duration: 8780ms; -webkit-animation-delay: 10426ms; animation-delay: 10426ms; } @-webkit-keyframes move-frames-87 { from { -webkit-transform: translate3d(69vw, 110vh, 0); transform: translate3d(69vw, 110vh, 0); } to { -webkit-transform: translate3d(71vw, -140vh, 0); transform: translate3d(71vw, -140vh, 0); } } @keyframes move-frames-87 { from { -webkit-transform: translate3d(69vw, 110vh, 0); transform: translate3d(69vw, 110vh, 0); } to { -webkit-transform: translate3d(71vw, -140vh, 0); transform: translate3d(71vw, -140vh, 0); } } .circle-container:nth-child(87) .circle { -webkit-animation-delay: 2568ms; animation-delay: 2568ms; } .circle-container:nth-child(88) { width: 3px; height: 3px; -webkit-animation-name: move-frames-88; animation-name: move-frames-88; -webkit-animation-duration: 10452ms; animation-duration: 10452ms; -webkit-animation-delay: 9403ms; animation-delay: 9403ms; } @-webkit-keyframes move-frames-88 { from { -webkit-transform: translate3d(7vw, 107vh, 0); transform: translate3d(7vw, 107vh, 0); } to { -webkit-transform: translate3d(56vw, -119vh, 0); transform: translate3d(56vw, -119vh, 0); } } @keyframes move-frames-88 { from { -webkit-transform: translate3d(7vw, 107vh, 0); transform: translate3d(7vw, 107vh, 0); } to { -webkit-transform: translate3d(56vw, -119vh, 0); transform: translate3d(56vw, -119vh, 0); } } .circle-container:nth-child(88) .circle { -webkit-animation-delay: 1258ms; animation-delay: 1258ms; } .circle-container:nth-child(89) { width: 1px; height: 1px; -webkit-animation-name: move-frames-89; animation-name: move-frames-89; -webkit-animation-duration: 7294ms; animation-duration: 7294ms; -webkit-animation-delay: 3320ms; animation-delay: 3320ms; } @-webkit-keyframes move-frames-89 { from { -webkit-transform: translate3d(4vw, 107vh, 0); transform: translate3d(4vw, 107vh, 0); } to { -webkit-transform: translate3d(82vw, -121vh, 0); transform: translate3d(82vw, -121vh, 0); } } @keyframes move-frames-89 { from { -webkit-transform: translate3d(4vw, 107vh, 0); transform: translate3d(4vw, 107vh, 0); } to { -webkit-transform: translate3d(82vw, -121vh, 0); transform: translate3d(82vw, -121vh, 0); } } .circle-container:nth-child(89) .circle { -webkit-animation-delay: 2167ms; animation-delay: 2167ms; } .circle-container:nth-child(90) { width: 9px; height: 9px; -webkit-animation-name: move-frames-90; animation-name: move-frames-90; -webkit-animation-duration: 7597ms; animation-duration: 7597ms; -webkit-animation-delay: 6477ms; animation-delay: 6477ms; } @-webkit-keyframes move-frames-90 { from { -webkit-transform: translate3d(56vw, 106vh, 0); transform: translate3d(56vw, 106vh, 0); } to { -webkit-transform: translate3d(36vw, -114vh, 0); transform: translate3d(36vw, -114vh, 0); } } @keyframes move-frames-90 { from { -webkit-transform: translate3d(56vw, 106vh, 0); transform: translate3d(56vw, 106vh, 0); } to { -webkit-transform: translate3d(36vw, -114vh, 0); transform: translate3d(36vw, -114vh, 0); } } .circle-container:nth-child(90) .circle { -webkit-animation-delay: 1757ms; animation-delay: 1757ms; } .circle-container:nth-child(91) { width: 4px; height: 4px; -webkit-animation-name: move-frames-91; animation-name: move-frames-91; -webkit-animation-duration: 7882ms; animation-duration: 7882ms; -webkit-animation-delay: 1017ms; animation-delay: 1017ms; } @-webkit-keyframes move-frames-91 { from { -webkit-transform: translate3d(11vw, 109vh, 0); transform: translate3d(11vw, 109vh, 0); } to { -webkit-transform: translate3d(62vw, -136vh, 0); transform: translate3d(62vw, -136vh, 0); } } @keyframes move-frames-91 { from { -webkit-transform: translate3d(11vw, 109vh, 0); transform: translate3d(11vw, 109vh, 0); } to { -webkit-transform: translate3d(62vw, -136vh, 0); transform: translate3d(62vw, -136vh, 0); } } .circle-container:nth-child(91) .circle { -webkit-animation-delay: 1223ms; animation-delay: 1223ms; } .circle-container:nth-child(92) { width: 4px; height: 4px; -webkit-animation-name: move-frames-92; animation-name: move-frames-92; -webkit-animation-duration: 7522ms; animation-duration: 7522ms; -webkit-animation-delay: 4140ms; animation-delay: 4140ms; } @-webkit-keyframes move-frames-92 { from { -webkit-transform: translate3d(42vw, 105vh, 0); transform: translate3d(42vw, 105vh, 0); } to { -webkit-transform: translate3d(88vw, -112vh, 0); transform: translate3d(88vw, -112vh, 0); } } @keyframes move-frames-92 { from { -webkit-transform: translate3d(42vw, 105vh, 0); transform: translate3d(42vw, 105vh, 0); } to { -webkit-transform: translate3d(88vw, -112vh, 0); transform: translate3d(88vw, -112vh, 0); } } .circle-container:nth-child(92) .circle { -webkit-animation-delay: 3443ms; animation-delay: 3443ms; } .circle-container:nth-child(93) { width: 10px; height: 10px; -webkit-animation-name: move-frames-93; animation-name: move-frames-93; -webkit-animation-duration: 8902ms; animation-duration: 8902ms; -webkit-animation-delay: 10303ms; animation-delay: 10303ms; } @-webkit-keyframes move-frames-93 { from { -webkit-transform: translate3d(39vw, 101vh, 0); transform: translate3d(39vw, 101vh, 0); } to { -webkit-transform: translate3d(19vw, -103vh, 0); transform: translate3d(19vw, -103vh, 0); } } @keyframes move-frames-93 { from { -webkit-transform: translate3d(39vw, 101vh, 0); transform: translate3d(39vw, 101vh, 0); } to { -webkit-transform: translate3d(19vw, -103vh, 0); transform: translate3d(19vw, -103vh, 0); } } .circle-container:nth-child(93) .circle { -webkit-animation-delay: 2379ms; animation-delay: 2379ms; } .circle-container:nth-child(94) { width: 6px; height: 6px; -webkit-animation-name: move-frames-94; animation-name: move-frames-94; -webkit-animation-duration: 9244ms; animation-duration: 9244ms; -webkit-animation-delay: 9422ms; animation-delay: 9422ms; } @-webkit-keyframes move-frames-94 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(97vw, -122vh, 0); transform: translate3d(97vw, -122vh, 0); } } @keyframes move-frames-94 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(97vw, -122vh, 0); transform: translate3d(97vw, -122vh, 0); } } .circle-container:nth-child(94) .circle { -webkit-animation-delay: 2003ms; animation-delay: 2003ms; } .circle-container:nth-child(95) { width: 10px; height: 10px; -webkit-animation-name: move-frames-95; animation-name: move-frames-95; -webkit-animation-duration: 9826ms; animation-duration: 9826ms; -webkit-animation-delay: 10570ms; animation-delay: 10570ms; } @-webkit-keyframes move-frames-95 { from { -webkit-transform: translate3d(7vw, 101vh, 0); transform: translate3d(7vw, 101vh, 0); } to { -webkit-transform: translate3d(46vw, -103vh, 0); transform: translate3d(46vw, -103vh, 0); } } @keyframes move-frames-95 { from { -webkit-transform: translate3d(7vw, 101vh, 0); transform: translate3d(7vw, 101vh, 0); } to { -webkit-transform: translate3d(46vw, -103vh, 0); transform: translate3d(46vw, -103vh, 0); } } .circle-container:nth-child(95) .circle { -webkit-animation-delay: 362ms; animation-delay: 362ms; } .circle-container:nth-child(96) { width: 4px; height: 4px; -webkit-animation-name: move-frames-96; animation-name: move-frames-96; -webkit-animation-duration: 10054ms; animation-duration: 10054ms; -webkit-animation-delay: 1056ms; animation-delay: 1056ms; } @-webkit-keyframes move-frames-96 { from { -webkit-transform: translate3d(76vw, 107vh, 0); transform: translate3d(76vw, 107vh, 0); } to { -webkit-transform: translate3d(39vw, -121vh, 0); transform: translate3d(39vw, -121vh, 0); } } @keyframes move-frames-96 { from { -webkit-transform: translate3d(76vw, 107vh, 0); transform: translate3d(76vw, 107vh, 0); } to { -webkit-transform: translate3d(39vw, -121vh, 0); transform: translate3d(39vw, -121vh, 0); } } .circle-container:nth-child(96) .circle { -webkit-animation-delay: 2821ms; animation-delay: 2821ms; } .circle-container:nth-child(97) { width: 10px; height: 10px; -webkit-animation-name: move-frames-97; animation-name: move-frames-97; -webkit-animation-duration: 9045ms; animation-duration: 9045ms; -webkit-animation-delay: 7780ms; animation-delay: 7780ms; } @-webkit-keyframes move-frames-97 { from { -webkit-transform: translate3d(6vw, 109vh, 0); transform: translate3d(6vw, 109vh, 0); } to { -webkit-transform: translate3d(54vw, -132vh, 0); transform: translate3d(54vw, -132vh, 0); } } @keyframes move-frames-97 { from { -webkit-transform: translate3d(6vw, 109vh, 0); transform: translate3d(6vw, 109vh, 0); } to { -webkit-transform: translate3d(54vw, -132vh, 0); transform: translate3d(54vw, -132vh, 0); } } .circle-container:nth-child(97) .circle { -webkit-animation-delay: 105ms; animation-delay: 105ms; } .circle-container:nth-child(98) { width: 6px; height: 6px; -webkit-animation-name: move-frames-98; animation-name: move-frames-98; -webkit-animation-duration: 9139ms; animation-duration: 9139ms; -webkit-animation-delay: 5911ms; animation-delay: 5911ms; } @-webkit-keyframes move-frames-98 { from { -webkit-transform: translate3d(6vw, 108vh, 0); transform: translate3d(6vw, 108vh, 0); } to { -webkit-transform: translate3d(99vw, -113vh, 0); transform: translate3d(99vw, -113vh, 0); } } @keyframes move-frames-98 { from { -webkit-transform: translate3d(6vw, 108vh, 0); transform: translate3d(6vw, 108vh, 0); } to { -webkit-transform: translate3d(99vw, -113vh, 0); transform: translate3d(99vw, -113vh, 0); } } .circle-container:nth-child(98) .circle { -webkit-animation-delay: 3731ms; animation-delay: 3731ms; } .circle-container:nth-child(99) { width: 2px; height: 2px; -webkit-animation-name: move-frames-99; animation-name: move-frames-99; -webkit-animation-duration: 7596ms; animation-duration: 7596ms; -webkit-animation-delay: 8503ms; animation-delay: 8503ms; } @-webkit-keyframes move-frames-99 { from { -webkit-transform: translate3d(73vw, 110vh, 0); transform: translate3d(73vw, 110vh, 0); } to { -webkit-transform: translate3d(83vw, -119vh, 0); transform: translate3d(83vw, -119vh, 0); } } @keyframes move-frames-99 { from { -webkit-transform: translate3d(73vw, 110vh, 0); transform: translate3d(73vw, 110vh, 0); } to { -webkit-transform: translate3d(83vw, -119vh, 0); transform: translate3d(83vw, -119vh, 0); } } .circle-container:nth-child(99) .circle { -webkit-animation-delay: 2521ms; animation-delay: 2521ms; } .circle-container:nth-child(100) { width: 1px; height: 1px; -webkit-animation-name: move-frames-100; animation-name: move-frames-100; -webkit-animation-duration: 10293ms; animation-duration: 10293ms; -webkit-animation-delay: 8481ms; animation-delay: 8481ms; } @-webkit-keyframes move-frames-100 { from { -webkit-transform: translate3d(74vw, 103vh, 0); transform: translate3d(74vw, 103vh, 0); } to { -webkit-transform: translate3d(6vw, -109vh, 0); transform: translate3d(6vw, -109vh, 0); } } @keyframes move-frames-100 { from { -webkit-transform: translate3d(74vw, 103vh, 0); transform: translate3d(74vw, 103vh, 0); } to { -webkit-transform: translate3d(6vw, -109vh, 0); transform: translate3d(6vw, -109vh, 0); } } .circle-container:nth-child(100) .circle { -webkit-animation-delay: 962ms; animation-delay: 962ms; } .circle-container:nth-child(101) { width: 4px; height: 4px; -webkit-animation-name: move-frames-101; animation-name: move-frames-101; -webkit-animation-duration: 7016ms; animation-duration: 7016ms; -webkit-animation-delay: 1697ms; animation-delay: 1697ms; } @-webkit-keyframes move-frames-101 { from { -webkit-transform: translate3d(42vw, 105vh, 0); transform: translate3d(42vw, 105vh, 0); } to { -webkit-transform: translate3d(79vw, -132vh, 0); transform: translate3d(79vw, -132vh, 0); } } @keyframes move-frames-101 { from { -webkit-transform: translate3d(42vw, 105vh, 0); transform: translate3d(42vw, 105vh, 0); } to { -webkit-transform: translate3d(79vw, -132vh, 0); transform: translate3d(79vw, -132vh, 0); } } .circle-container:nth-child(101) .circle { -webkit-animation-delay: 922ms; animation-delay: 922ms; } .circle-container:nth-child(102) { width: 1px; height: 1px; -webkit-animation-name: move-frames-102; animation-name: move-frames-102; -webkit-animation-duration: 10652ms; animation-duration: 10652ms; -webkit-animation-delay: 9063ms; animation-delay: 9063ms; } @-webkit-keyframes move-frames-102 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(79vw, -112vh, 0); transform: translate3d(79vw, -112vh, 0); } } @keyframes move-frames-102 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(79vw, -112vh, 0); transform: translate3d(79vw, -112vh, 0); } } .circle-container:nth-child(102) .circle { -webkit-animation-delay: 3345ms; animation-delay: 3345ms; } .circle-container:nth-child(103) { width: 8px; height: 8px; -webkit-animation-name: move-frames-103; animation-name: move-frames-103; -webkit-animation-duration: 7234ms; animation-duration: 7234ms; -webkit-animation-delay: 6845ms; animation-delay: 6845ms; } @-webkit-keyframes move-frames-103 { from { -webkit-transform: translate3d(57vw, 106vh, 0); transform: translate3d(57vw, 106vh, 0); } to { -webkit-transform: translate3d(65vw, -122vh, 0); transform: translate3d(65vw, -122vh, 0); } } @keyframes move-frames-103 { from { -webkit-transform: translate3d(57vw, 106vh, 0); transform: translate3d(57vw, 106vh, 0); } to { -webkit-transform: translate3d(65vw, -122vh, 0); transform: translate3d(65vw, -122vh, 0); } } .circle-container:nth-child(103) .circle { -webkit-animation-delay: 258ms; animation-delay: 258ms; } .circle-container:nth-child(104) { width: 3px; height: 3px; -webkit-animation-name: move-frames-104; animation-name: move-frames-104; -webkit-animation-duration: 7793ms; animation-duration: 7793ms; -webkit-animation-delay: 6048ms; animation-delay: 6048ms; } @-webkit-keyframes move-frames-104 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(82vw, -111vh, 0); transform: translate3d(82vw, -111vh, 0); } } @keyframes move-frames-104 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(82vw, -111vh, 0); transform: translate3d(82vw, -111vh, 0); } } .circle-container:nth-child(104) .circle { -webkit-animation-delay: 3582ms; animation-delay: 3582ms; } .circle-container:nth-child(105) { width: 3px; height: 3px; -webkit-animation-name: move-frames-105; animation-name: move-frames-105; -webkit-animation-duration: 9140ms; animation-duration: 9140ms; -webkit-animation-delay: 8626ms; animation-delay: 8626ms; } @-webkit-keyframes move-frames-105 { from { -webkit-transform: translate3d(77vw, 108vh, 0); transform: translate3d(77vw, 108vh, 0); } to { -webkit-transform: translate3d(83vw, -134vh, 0); transform: translate3d(83vw, -134vh, 0); } } @keyframes move-frames-105 { from { -webkit-transform: translate3d(77vw, 108vh, 0); transform: translate3d(77vw, 108vh, 0); } to { -webkit-transform: translate3d(83vw, -134vh, 0); transform: translate3d(83vw, -134vh, 0); } } .circle-container:nth-child(105) .circle { -webkit-animation-delay: 2630ms; animation-delay: 2630ms; } .circle-container:nth-child(106) { width: 1px; height: 1px; -webkit-animation-name: move-frames-106; animation-name: move-frames-106; -webkit-animation-duration: 7381ms; animation-duration: 7381ms; -webkit-animation-delay: 5221ms; animation-delay: 5221ms; } @-webkit-keyframes move-frames-106 { from { -webkit-transform: translate3d(74vw, 106vh, 0); transform: translate3d(74vw, 106vh, 0); } to { -webkit-transform: translate3d(26vw, -128vh, 0); transform: translate3d(26vw, -128vh, 0); } } @keyframes move-frames-106 { from { -webkit-transform: translate3d(74vw, 106vh, 0); transform: translate3d(74vw, 106vh, 0); } to { -webkit-transform: translate3d(26vw, -128vh, 0); transform: translate3d(26vw, -128vh, 0); } } .circle-container:nth-child(106) .circle { -webkit-animation-delay: 2376ms; animation-delay: 2376ms; } .circle-container:nth-child(107) { width: 2px; height: 2px; -webkit-animation-name: move-frames-107; animation-name: move-frames-107; -webkit-animation-duration: 7716ms; animation-duration: 7716ms; -webkit-animation-delay: 3094ms; animation-delay: 3094ms; } @-webkit-keyframes move-frames-107 { from { -webkit-transform: translate3d(87vw, 105vh, 0); transform: translate3d(87vw, 105vh, 0); } to { -webkit-transform: translate3d(65vw, -129vh, 0); transform: translate3d(65vw, -129vh, 0); } } @keyframes move-frames-107 { from { -webkit-transform: translate3d(87vw, 105vh, 0); transform: translate3d(87vw, 105vh, 0); } to { -webkit-transform: translate3d(65vw, -129vh, 0); transform: translate3d(65vw, -129vh, 0); } } .circle-container:nth-child(107) .circle { -webkit-animation-delay: 3718ms; animation-delay: 3718ms; } .circle-container:nth-child(108) { width: 7px; height: 7px; -webkit-animation-name: move-frames-108; animation-name: move-frames-108; -webkit-animation-duration: 7870ms; animation-duration: 7870ms; -webkit-animation-delay: 4563ms; animation-delay: 4563ms; } @-webkit-keyframes move-frames-108 { from { -webkit-transform: translate3d(4vw, 103vh, 0); transform: translate3d(4vw, 103vh, 0); } to { -webkit-transform: translate3d(45vw, -130vh, 0); transform: translate3d(45vw, -130vh, 0); } } @keyframes move-frames-108 { from { -webkit-transform: translate3d(4vw, 103vh, 0); transform: translate3d(4vw, 103vh, 0); } to { -webkit-transform: translate3d(45vw, -130vh, 0); transform: translate3d(45vw, -130vh, 0); } } .circle-container:nth-child(108) .circle { -webkit-animation-delay: 2035ms; animation-delay: 2035ms; } .circle-container:nth-child(109) { width: 9px; height: 9px; -webkit-animation-name: move-frames-109; animation-name: move-frames-109; -webkit-animation-duration: 7879ms; animation-duration: 7879ms; -webkit-animation-delay: 10644ms; animation-delay: 10644ms; } @-webkit-keyframes move-frames-109 { from { -webkit-transform: translate3d(68vw, 107vh, 0); transform: translate3d(68vw, 107vh, 0); } to { -webkit-transform: translate3d(97vw, -131vh, 0); transform: translate3d(97vw, -131vh, 0); } } @keyframes move-frames-109 { from { -webkit-transform: translate3d(68vw, 107vh, 0); transform: translate3d(68vw, 107vh, 0); } to { -webkit-transform: translate3d(97vw, -131vh, 0); transform: translate3d(97vw, -131vh, 0); } } .circle-container:nth-child(109) .circle { -webkit-animation-delay: 2454ms; animation-delay: 2454ms; } .circle-container:nth-child(110) { width: 6px; height: 6px; -webkit-animation-name: move-frames-110; animation-name: move-frames-110; -webkit-animation-duration: 8829ms; animation-duration: 8829ms; -webkit-animation-delay: 9834ms; animation-delay: 9834ms; } @-webkit-keyframes move-frames-110 { from { -webkit-transform: translate3d(82vw, 110vh, 0); transform: translate3d(82vw, 110vh, 0); } to { -webkit-transform: translate3d(60vw, -118vh, 0); transform: translate3d(60vw, -118vh, 0); } } @keyframes move-frames-110 { from { -webkit-transform: translate3d(82vw, 110vh, 0); transform: translate3d(82vw, 110vh, 0); } to { -webkit-transform: translate3d(60vw, -118vh, 0); transform: translate3d(60vw, -118vh, 0); } } .circle-container:nth-child(110) .circle { -webkit-animation-delay: 2585ms; animation-delay: 2585ms; } .circle-container:nth-child(111) { width: 1px; height: 1px; -webkit-animation-name: move-frames-111; animation-name: move-frames-111; -webkit-animation-duration: 10875ms; animation-duration: 10875ms; -webkit-animation-delay: 6403ms; animation-delay: 6403ms; } @-webkit-keyframes move-frames-111 { from { -webkit-transform: translate3d(45vw, 108vh, 0); transform: translate3d(45vw, 108vh, 0); } to { -webkit-transform: translate3d(76vw, -133vh, 0); transform: translate3d(76vw, -133vh, 0); } } @keyframes move-frames-111 { from { -webkit-transform: translate3d(45vw, 108vh, 0); transform: translate3d(45vw, 108vh, 0); } to { -webkit-transform: translate3d(76vw, -133vh, 0); transform: translate3d(76vw, -133vh, 0); } } .circle-container:nth-child(111) .circle { -webkit-animation-delay: 1117ms; animation-delay: 1117ms; } .circle-container:nth-child(112) { width: 2px; height: 2px; -webkit-animation-name: move-frames-112; animation-name: move-frames-112; -webkit-animation-duration: 9977ms; animation-duration: 9977ms; -webkit-animation-delay: 3062ms; animation-delay: 3062ms; } @-webkit-keyframes move-frames-112 { from { -webkit-transform: translate3d(84vw, 108vh, 0); transform: translate3d(84vw, 108vh, 0); } to { -webkit-transform: translate3d(100vw, -111vh, 0); transform: translate3d(100vw, -111vh, 0); } } @keyframes move-frames-112 { from { -webkit-transform: translate3d(84vw, 108vh, 0); transform: translate3d(84vw, 108vh, 0); } to { -webkit-transform: translate3d(100vw, -111vh, 0); transform: translate3d(100vw, -111vh, 0); } } .circle-container:nth-child(112) .circle { -webkit-animation-delay: 366ms; animation-delay: 366ms; } .circle-container:nth-child(113) { width: 6px; height: 6px; -webkit-animation-name: move-frames-113; animation-name: move-frames-113; -webkit-animation-duration: 9739ms; animation-duration: 9739ms; -webkit-animation-delay: 6453ms; animation-delay: 6453ms; } @-webkit-keyframes move-frames-113 { from { -webkit-transform: translate3d(92vw, 108vh, 0); transform: translate3d(92vw, 108vh, 0); } to { -webkit-transform: translate3d(86vw, -127vh, 0); transform: translate3d(86vw, -127vh, 0); } } @keyframes move-frames-113 { from { -webkit-transform: translate3d(92vw, 108vh, 0); transform: translate3d(92vw, 108vh, 0); } to { -webkit-transform: translate3d(86vw, -127vh, 0); transform: translate3d(86vw, -127vh, 0); } } .circle-container:nth-child(113) .circle { -webkit-animation-delay: 1186ms; animation-delay: 1186ms; } .circle-container:nth-child(114) { width: 7px; height: 7px; -webkit-animation-name: move-frames-114; animation-name: move-frames-114; -webkit-animation-duration: 10857ms; animation-duration: 10857ms; -webkit-animation-delay: 10467ms; animation-delay: 10467ms; } @-webkit-keyframes move-frames-114 { from { -webkit-transform: translate3d(82vw, 104vh, 0); transform: translate3d(82vw, 104vh, 0); } to { -webkit-transform: translate3d(65vw, -108vh, 0); transform: translate3d(65vw, -108vh, 0); } } @keyframes move-frames-114 { from { -webkit-transform: translate3d(82vw, 104vh, 0); transform: translate3d(82vw, 104vh, 0); } to { -webkit-transform: translate3d(65vw, -108vh, 0); transform: translate3d(65vw, -108vh, 0); } } .circle-container:nth-child(114) .circle { -webkit-animation-delay: 518ms; animation-delay: 518ms; } .circle-container:nth-child(115) { width: 4px; height: 4px; -webkit-animation-name: move-frames-115; animation-name: move-frames-115; -webkit-animation-duration: 9241ms; animation-duration: 9241ms; -webkit-animation-delay: 9990ms; animation-delay: 9990ms; } @-webkit-keyframes move-frames-115 { from { -webkit-transform: translate3d(33vw, 102vh, 0); transform: translate3d(33vw, 102vh, 0); } to { -webkit-transform: translate3d(54vw, -108vh, 0); transform: translate3d(54vw, -108vh, 0); } } @keyframes move-frames-115 { from { -webkit-transform: translate3d(33vw, 102vh, 0); transform: translate3d(33vw, 102vh, 0); } to { -webkit-transform: translate3d(54vw, -108vh, 0); transform: translate3d(54vw, -108vh, 0); } } .circle-container:nth-child(115) .circle { -webkit-animation-delay: 2148ms; animation-delay: 2148ms; } .circle-container:nth-child(116) { width: 9px; height: 9px; -webkit-animation-name: move-frames-116; animation-name: move-frames-116; -webkit-animation-duration: 10454ms; animation-duration: 10454ms; -webkit-animation-delay: 8526ms; animation-delay: 8526ms; } @-webkit-keyframes move-frames-116 { from { -webkit-transform: translate3d(34vw, 109vh, 0); transform: translate3d(34vw, 109vh, 0); } to { -webkit-transform: translate3d(7vw, -133vh, 0); transform: translate3d(7vw, -133vh, 0); } } @keyframes move-frames-116 { from { -webkit-transform: translate3d(34vw, 109vh, 0); transform: translate3d(34vw, 109vh, 0); } to { -webkit-transform: translate3d(7vw, -133vh, 0); transform: translate3d(7vw, -133vh, 0); } } .circle-container:nth-child(116) .circle { -webkit-animation-delay: 154ms; animation-delay: 154ms; } .circle-container:nth-child(117) { width: 5px; height: 5px; -webkit-animation-name: move-frames-117; animation-name: move-frames-117; -webkit-animation-duration: 9465ms; animation-duration: 9465ms; -webkit-animation-delay: 4586ms; animation-delay: 4586ms; } @-webkit-keyframes move-frames-117 { from { -webkit-transform: translate3d(29vw, 107vh, 0); transform: translate3d(29vw, 107vh, 0); } to { -webkit-transform: translate3d(67vw, -130vh, 0); transform: translate3d(67vw, -130vh, 0); } } @keyframes move-frames-117 { from { -webkit-transform: translate3d(29vw, 107vh, 0); transform: translate3d(29vw, 107vh, 0); } to { -webkit-transform: translate3d(67vw, -130vh, 0); transform: translate3d(67vw, -130vh, 0); } } .circle-container:nth-child(117) .circle { -webkit-animation-delay: 1871ms; animation-delay: 1871ms; } .circle-container:nth-child(118) { width: 8px; height: 8px; -webkit-animation-name: move-frames-118; animation-name: move-frames-118; -webkit-animation-duration: 9886ms; animation-duration: 9886ms; -webkit-animation-delay: 8293ms; animation-delay: 8293ms; } @-webkit-keyframes move-frames-118 { from { -webkit-transform: translate3d(40vw, 105vh, 0); transform: translate3d(40vw, 105vh, 0); } to { -webkit-transform: translate3d(1vw, -113vh, 0); transform: translate3d(1vw, -113vh, 0); } } @keyframes move-frames-118 { from { -webkit-transform: translate3d(40vw, 105vh, 0); transform: translate3d(40vw, 105vh, 0); } to { -webkit-transform: translate3d(1vw, -113vh, 0); transform: translate3d(1vw, -113vh, 0); } } .circle-container:nth-child(118) .circle { -webkit-animation-delay: 219ms; animation-delay: 219ms; } .circle-container:nth-child(119) { width: 9px; height: 9px; -webkit-animation-name: move-frames-119; animation-name: move-frames-119; -webkit-animation-duration: 10227ms; animation-duration: 10227ms; -webkit-animation-delay: 3018ms; animation-delay: 3018ms; } @-webkit-keyframes move-frames-119 { from { -webkit-transform: translate3d(80vw, 107vh, 0); transform: translate3d(80vw, 107vh, 0); } to { -webkit-transform: translate3d(50vw, -118vh, 0); transform: translate3d(50vw, -118vh, 0); } } @keyframes move-frames-119 { from { -webkit-transform: translate3d(80vw, 107vh, 0); transform: translate3d(80vw, 107vh, 0); } to { -webkit-transform: translate3d(50vw, -118vh, 0); transform: translate3d(50vw, -118vh, 0); } } .circle-container:nth-child(119) .circle { -webkit-animation-delay: 2611ms; animation-delay: 2611ms; } .circle-container:nth-child(120) { width: 7px; height: 7px; -webkit-animation-name: move-frames-120; animation-name: move-frames-120; -webkit-animation-duration: 9422ms; animation-duration: 9422ms; -webkit-animation-delay: 182ms; animation-delay: 182ms; } @-webkit-keyframes move-frames-120 { from { -webkit-transform: translate3d(37vw, 102vh, 0); transform: translate3d(37vw, 102vh, 0); } to { -webkit-transform: translate3d(51vw, -106vh, 0); transform: translate3d(51vw, -106vh, 0); } } @keyframes move-frames-120 { from { -webkit-transform: translate3d(37vw, 102vh, 0); transform: translate3d(37vw, 102vh, 0); } to { -webkit-transform: translate3d(51vw, -106vh, 0); transform: translate3d(51vw, -106vh, 0); } } .circle-container:nth-child(120) .circle { -webkit-animation-delay: 3320ms; animation-delay: 3320ms; } .circle-container:nth-child(121) { width: 2px; height: 2px; -webkit-animation-name: move-frames-121; animation-name: move-frames-121; -webkit-animation-duration: 10706ms; animation-duration: 10706ms; -webkit-animation-delay: 10552ms; animation-delay: 10552ms; } @-webkit-keyframes move-frames-121 { from { -webkit-transform: translate3d(60vw, 107vh, 0); transform: translate3d(60vw, 107vh, 0); } to { -webkit-transform: translate3d(48vw, -117vh, 0); transform: translate3d(48vw, -117vh, 0); } } @keyframes move-frames-121 { from { -webkit-transform: translate3d(60vw, 107vh, 0); transform: translate3d(60vw, 107vh, 0); } to { -webkit-transform: translate3d(48vw, -117vh, 0); transform: translate3d(48vw, -117vh, 0); } } .circle-container:nth-child(121) .circle { -webkit-animation-delay: 1511ms; animation-delay: 1511ms; } .circle-container:nth-child(122) { width: 4px; height: 4px; -webkit-animation-name: move-frames-122; animation-name: move-frames-122; -webkit-animation-duration: 7843ms; animation-duration: 7843ms; -webkit-animation-delay: 6047ms; animation-delay: 6047ms; } @-webkit-keyframes move-frames-122 { from { -webkit-transform: translate3d(75vw, 101vh, 0); transform: translate3d(75vw, 101vh, 0); } to { -webkit-transform: translate3d(89vw, -108vh, 0); transform: translate3d(89vw, -108vh, 0); } } @keyframes move-frames-122 { from { -webkit-transform: translate3d(75vw, 101vh, 0); transform: translate3d(75vw, 101vh, 0); } to { -webkit-transform: translate3d(89vw, -108vh, 0); transform: translate3d(89vw, -108vh, 0); } } .circle-container:nth-child(122) .circle { -webkit-animation-delay: 3722ms; animation-delay: 3722ms; } .circle-container:nth-child(123) { width: 7px; height: 7px; -webkit-animation-name: move-frames-123; animation-name: move-frames-123; -webkit-animation-duration: 7725ms; animation-duration: 7725ms; -webkit-animation-delay: 3323ms; animation-delay: 3323ms; } @-webkit-keyframes move-frames-123 { from { -webkit-transform: translate3d(15vw, 110vh, 0); transform: translate3d(15vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -126vh, 0); transform: translate3d(97vw, -126vh, 0); } } @keyframes move-frames-123 { from { -webkit-transform: translate3d(15vw, 110vh, 0); transform: translate3d(15vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -126vh, 0); transform: translate3d(97vw, -126vh, 0); } } .circle-container:nth-child(123) .circle { -webkit-animation-delay: 2141ms; animation-delay: 2141ms; } .circle-container:nth-child(124) { width: 5px; height: 5px; -webkit-animation-name: move-frames-124; animation-name: move-frames-124; -webkit-animation-duration: 10994ms; animation-duration: 10994ms; -webkit-animation-delay: 4420ms; animation-delay: 4420ms; } @-webkit-keyframes move-frames-124 { from { -webkit-transform: translate3d(97vw, 102vh, 0); transform: translate3d(97vw, 102vh, 0); } to { -webkit-transform: translate3d(55vw, -107vh, 0); transform: translate3d(55vw, -107vh, 0); } } @keyframes move-frames-124 { from { -webkit-transform: translate3d(97vw, 102vh, 0); transform: translate3d(97vw, 102vh, 0); } to { -webkit-transform: translate3d(55vw, -107vh, 0); transform: translate3d(55vw, -107vh, 0); } } .circle-container:nth-child(124) .circle { -webkit-animation-delay: 67ms; animation-delay: 67ms; } .circle-container:nth-child(125) { width: 2px; height: 2px; -webkit-animation-name: move-frames-125; animation-name: move-frames-125; -webkit-animation-duration: 10941ms; animation-duration: 10941ms; -webkit-animation-delay: 6333ms; animation-delay: 6333ms; } @-webkit-keyframes move-frames-125 { from { -webkit-transform: translate3d(43vw, 106vh, 0); transform: translate3d(43vw, 106vh, 0); } to { -webkit-transform: translate3d(19vw, -127vh, 0); transform: translate3d(19vw, -127vh, 0); } } @keyframes move-frames-125 { from { -webkit-transform: translate3d(43vw, 106vh, 0); transform: translate3d(43vw, 106vh, 0); } to { -webkit-transform: translate3d(19vw, -127vh, 0); transform: translate3d(19vw, -127vh, 0); } } .circle-container:nth-child(125) .circle { -webkit-animation-delay: 3949ms; animation-delay: 3949ms; } .circle-container:nth-child(126) { width: 5px; height: 5px; -webkit-animation-name: move-frames-126; animation-name: move-frames-126; -webkit-animation-duration: 10844ms; animation-duration: 10844ms; -webkit-animation-delay: 4612ms; animation-delay: 4612ms; } @-webkit-keyframes move-frames-126 { from { -webkit-transform: translate3d(37vw, 103vh, 0); transform: translate3d(37vw, 103vh, 0); } to { -webkit-transform: translate3d(1vw, -123vh, 0); transform: translate3d(1vw, -123vh, 0); } } @keyframes move-frames-126 { from { -webkit-transform: translate3d(37vw, 103vh, 0); transform: translate3d(37vw, 103vh, 0); } to { -webkit-transform: translate3d(1vw, -123vh, 0); transform: translate3d(1vw, -123vh, 0); } } .circle-container:nth-child(126) .circle { -webkit-animation-delay: 2673ms; animation-delay: 2673ms; } .circle-container:nth-child(127) { width: 1px; height: 1px; -webkit-animation-name: move-frames-127; animation-name: move-frames-127; -webkit-animation-duration: 10377ms; animation-duration: 10377ms; -webkit-animation-delay: 7308ms; animation-delay: 7308ms; } @-webkit-keyframes move-frames-127 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(16vw, -114vh, 0); transform: translate3d(16vw, -114vh, 0); } } @keyframes move-frames-127 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(16vw, -114vh, 0); transform: translate3d(16vw, -114vh, 0); } } .circle-container:nth-child(127) .circle { -webkit-animation-delay: 1787ms; animation-delay: 1787ms; } .circle-container:nth-child(128) { width: 9px; height: 9px; -webkit-animation-name: move-frames-128; animation-name: move-frames-128; -webkit-animation-duration: 8543ms; animation-duration: 8543ms; -webkit-animation-delay: 7446ms; animation-delay: 7446ms; } @-webkit-keyframes move-frames-128 { from { -webkit-transform: translate3d(10vw, 102vh, 0); transform: translate3d(10vw, 102vh, 0); } to { -webkit-transform: translate3d(79vw, -105vh, 0); transform: translate3d(79vw, -105vh, 0); } } @keyframes move-frames-128 { from { -webkit-transform: translate3d(10vw, 102vh, 0); transform: translate3d(10vw, 102vh, 0); } to { -webkit-transform: translate3d(79vw, -105vh, 0); transform: translate3d(79vw, -105vh, 0); } } .circle-container:nth-child(128) .circle { -webkit-animation-delay: 3258ms; animation-delay: 3258ms; } .circle-container:nth-child(129) { width: 1px; height: 1px; -webkit-animation-name: move-frames-129; animation-name: move-frames-129; -webkit-animation-duration: 9468ms; animation-duration: 9468ms; -webkit-animation-delay: 2707ms; animation-delay: 2707ms; } @-webkit-keyframes move-frames-129 { from { -webkit-transform: translate3d(26vw, 104vh, 0); transform: translate3d(26vw, 104vh, 0); } to { -webkit-transform: translate3d(33vw, -132vh, 0); transform: translate3d(33vw, -132vh, 0); } } @keyframes move-frames-129 { from { -webkit-transform: translate3d(26vw, 104vh, 0); transform: translate3d(26vw, 104vh, 0); } to { -webkit-transform: translate3d(33vw, -132vh, 0); transform: translate3d(33vw, -132vh, 0); } } .circle-container:nth-child(129) .circle { -webkit-animation-delay: 3283ms; animation-delay: 3283ms; } .circle-container:nth-child(130) { width: 2px; height: 2px; -webkit-animation-name: move-frames-130; animation-name: move-frames-130; -webkit-animation-duration: 7489ms; animation-duration: 7489ms; -webkit-animation-delay: 9556ms; animation-delay: 9556ms; } @-webkit-keyframes move-frames-130 { from { -webkit-transform: translate3d(45vw, 103vh, 0); transform: translate3d(45vw, 103vh, 0); } to { -webkit-transform: translate3d(14vw, -129vh, 0); transform: translate3d(14vw, -129vh, 0); } } @keyframes move-frames-130 { from { -webkit-transform: translate3d(45vw, 103vh, 0); transform: translate3d(45vw, 103vh, 0); } to { -webkit-transform: translate3d(14vw, -129vh, 0); transform: translate3d(14vw, -129vh, 0); } } .circle-container:nth-child(130) .circle { -webkit-animation-delay: 1740ms; animation-delay: 1740ms; } .circle-container:nth-child(131) { width: 7px; height: 7px; -webkit-animation-name: move-frames-131; animation-name: move-frames-131; -webkit-animation-duration: 10221ms; animation-duration: 10221ms; -webkit-animation-delay: 9258ms; animation-delay: 9258ms; } @-webkit-keyframes move-frames-131 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(50vw, -117vh, 0); transform: translate3d(50vw, -117vh, 0); } } @keyframes move-frames-131 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(50vw, -117vh, 0); transform: translate3d(50vw, -117vh, 0); } } .circle-container:nth-child(131) .circle { -webkit-animation-delay: 2395ms; animation-delay: 2395ms; } .circle-container:nth-child(132) { width: 3px; height: 3px; -webkit-animation-name: move-frames-132; animation-name: move-frames-132; -webkit-animation-duration: 8634ms; animation-duration: 8634ms; -webkit-animation-delay: 1681ms; animation-delay: 1681ms; } @-webkit-keyframes move-frames-132 { from { -webkit-transform: translate3d(90vw, 110vh, 0); transform: translate3d(90vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -131vh, 0); transform: translate3d(97vw, -131vh, 0); } } @keyframes move-frames-132 { from { -webkit-transform: translate3d(90vw, 110vh, 0); transform: translate3d(90vw, 110vh, 0); } to { -webkit-transform: translate3d(97vw, -131vh, 0); transform: translate3d(97vw, -131vh, 0); } } .circle-container:nth-child(132) .circle { -webkit-animation-delay: 2701ms; animation-delay: 2701ms; } .circle-container:nth-child(133) { width: 2px; height: 2px; -webkit-animation-name: move-frames-133; animation-name: move-frames-133; -webkit-animation-duration: 7351ms; animation-duration: 7351ms; -webkit-animation-delay: 3449ms; animation-delay: 3449ms; } @-webkit-keyframes move-frames-133 { from { -webkit-transform: translate3d(55vw, 106vh, 0); transform: translate3d(55vw, 106vh, 0); } to { -webkit-transform: translate3d(65vw, -129vh, 0); transform: translate3d(65vw, -129vh, 0); } } @keyframes move-frames-133 { from { -webkit-transform: translate3d(55vw, 106vh, 0); transform: translate3d(55vw, 106vh, 0); } to { -webkit-transform: translate3d(65vw, -129vh, 0); transform: translate3d(65vw, -129vh, 0); } } .circle-container:nth-child(133) .circle { -webkit-animation-delay: 2587ms; animation-delay: 2587ms; } .circle-container:nth-child(134) { width: 9px; height: 9px; -webkit-animation-name: move-frames-134; animation-name: move-frames-134; -webkit-animation-duration: 10483ms; animation-duration: 10483ms; -webkit-animation-delay: 8838ms; animation-delay: 8838ms; } @-webkit-keyframes move-frames-134 { from { -webkit-transform: translate3d(84vw, 109vh, 0); transform: translate3d(84vw, 109vh, 0); } to { -webkit-transform: translate3d(98vw, -137vh, 0); transform: translate3d(98vw, -137vh, 0); } } @keyframes move-frames-134 { from { -webkit-transform: translate3d(84vw, 109vh, 0); transform: translate3d(84vw, 109vh, 0); } to { -webkit-transform: translate3d(98vw, -137vh, 0); transform: translate3d(98vw, -137vh, 0); } } .circle-container:nth-child(134) .circle { -webkit-animation-delay: 289ms; animation-delay: 289ms; } .circle-container:nth-child(135) { width: 7px; height: 7px; -webkit-animation-name: move-frames-135; animation-name: move-frames-135; -webkit-animation-duration: 9796ms; animation-duration: 9796ms; -webkit-animation-delay: 10852ms; animation-delay: 10852ms; } @-webkit-keyframes move-frames-135 { from { -webkit-transform: translate3d(71vw, 101vh, 0); transform: translate3d(71vw, 101vh, 0); } to { -webkit-transform: translate3d(93vw, -103vh, 0); transform: translate3d(93vw, -103vh, 0); } } @keyframes move-frames-135 { from { -webkit-transform: translate3d(71vw, 101vh, 0); transform: translate3d(71vw, 101vh, 0); } to { -webkit-transform: translate3d(93vw, -103vh, 0); transform: translate3d(93vw, -103vh, 0); } } .circle-container:nth-child(135) .circle { -webkit-animation-delay: 3803ms; animation-delay: 3803ms; } .circle-container:nth-child(136) { width: 1px; height: 1px; -webkit-animation-name: move-frames-136; animation-name: move-frames-136; -webkit-animation-duration: 9439ms; animation-duration: 9439ms; -webkit-animation-delay: 6657ms; animation-delay: 6657ms; } @-webkit-keyframes move-frames-136 { from { -webkit-transform: translate3d(52vw, 110vh, 0); transform: translate3d(52vw, 110vh, 0); } to { -webkit-transform: translate3d(31vw, -134vh, 0); transform: translate3d(31vw, -134vh, 0); } } @keyframes move-frames-136 { from { -webkit-transform: translate3d(52vw, 110vh, 0); transform: translate3d(52vw, 110vh, 0); } to { -webkit-transform: translate3d(31vw, -134vh, 0); transform: translate3d(31vw, -134vh, 0); } } .circle-container:nth-child(136) .circle { -webkit-animation-delay: 3454ms; animation-delay: 3454ms; } .circle-container:nth-child(137) { width: 4px; height: 4px; -webkit-animation-name: move-frames-137; animation-name: move-frames-137; -webkit-animation-duration: 10353ms; animation-duration: 10353ms; -webkit-animation-delay: 10189ms; animation-delay: 10189ms; } @-webkit-keyframes move-frames-137 { from { -webkit-transform: translate3d(28vw, 102vh, 0); transform: translate3d(28vw, 102vh, 0); } to { -webkit-transform: translate3d(14vw, -129vh, 0); transform: translate3d(14vw, -129vh, 0); } } @keyframes move-frames-137 { from { -webkit-transform: translate3d(28vw, 102vh, 0); transform: translate3d(28vw, 102vh, 0); } to { -webkit-transform: translate3d(14vw, -129vh, 0); transform: translate3d(14vw, -129vh, 0); } } .circle-container:nth-child(137) .circle { -webkit-animation-delay: 3086ms; animation-delay: 3086ms; } .circle-container:nth-child(138) { width: 5px; height: 5px; -webkit-animation-name: move-frames-138; animation-name: move-frames-138; -webkit-animation-duration: 10221ms; animation-duration: 10221ms; -webkit-animation-delay: 7210ms; animation-delay: 7210ms; } @-webkit-keyframes move-frames-138 { from { -webkit-transform: translate3d(44vw, 107vh, 0); transform: translate3d(44vw, 107vh, 0); } to { -webkit-transform: translate3d(20vw, -108vh, 0); transform: translate3d(20vw, -108vh, 0); } } @keyframes move-frames-138 { from { -webkit-transform: translate3d(44vw, 107vh, 0); transform: translate3d(44vw, 107vh, 0); } to { -webkit-transform: translate3d(20vw, -108vh, 0); transform: translate3d(20vw, -108vh, 0); } } .circle-container:nth-child(138) .circle { -webkit-animation-delay: 670ms; animation-delay: 670ms; } .circle-container:nth-child(139) { width: 5px; height: 5px; -webkit-animation-name: move-frames-139; animation-name: move-frames-139; -webkit-animation-duration: 8579ms; animation-duration: 8579ms; -webkit-animation-delay: 542ms; animation-delay: 542ms; } @-webkit-keyframes move-frames-139 { from { -webkit-transform: translate3d(50vw, 108vh, 0); transform: translate3d(50vw, 108vh, 0); } to { -webkit-transform: translate3d(5vw, -114vh, 0); transform: translate3d(5vw, -114vh, 0); } } @keyframes move-frames-139 { from { -webkit-transform: translate3d(50vw, 108vh, 0); transform: translate3d(50vw, 108vh, 0); } to { -webkit-transform: translate3d(5vw, -114vh, 0); transform: translate3d(5vw, -114vh, 0); } } .circle-container:nth-child(139) .circle { -webkit-animation-delay: 3404ms; animation-delay: 3404ms; } .circle-container:nth-child(140) { width: 8px; height: 8px; -webkit-animation-name: move-frames-140; animation-name: move-frames-140; -webkit-animation-duration: 8957ms; animation-duration: 8957ms; -webkit-animation-delay: 5236ms; animation-delay: 5236ms; } @-webkit-keyframes move-frames-140 { from { -webkit-transform: translate3d(63vw, 105vh, 0); transform: translate3d(63vw, 105vh, 0); } to { -webkit-transform: translate3d(22vw, -120vh, 0); transform: translate3d(22vw, -120vh, 0); } } @keyframes move-frames-140 { from { -webkit-transform: translate3d(63vw, 105vh, 0); transform: translate3d(63vw, 105vh, 0); } to { -webkit-transform: translate3d(22vw, -120vh, 0); transform: translate3d(22vw, -120vh, 0); } } .circle-container:nth-child(140) .circle { -webkit-animation-delay: 3372ms; animation-delay: 3372ms; } .circle-container:nth-child(141) { width: 8px; height: 8px; -webkit-animation-name: move-frames-141; animation-name: move-frames-141; -webkit-animation-duration: 7185ms; animation-duration: 7185ms; -webkit-animation-delay: 9467ms; animation-delay: 9467ms; } @-webkit-keyframes move-frames-141 { from { -webkit-transform: translate3d(15vw, 106vh, 0); transform: translate3d(15vw, 106vh, 0); } to { -webkit-transform: translate3d(23vw, -126vh, 0); transform: translate3d(23vw, -126vh, 0); } } @keyframes move-frames-141 { from { -webkit-transform: translate3d(15vw, 106vh, 0); transform: translate3d(15vw, 106vh, 0); } to { -webkit-transform: translate3d(23vw, -126vh, 0); transform: translate3d(23vw, -126vh, 0); } } .circle-container:nth-child(141) .circle { -webkit-animation-delay: 2444ms; animation-delay: 2444ms; } .circle-container:nth-child(142) { width: 1px; height: 1px; -webkit-animation-name: move-frames-142; animation-name: move-frames-142; -webkit-animation-duration: 7400ms; animation-duration: 7400ms; -webkit-animation-delay: 5527ms; animation-delay: 5527ms; } @-webkit-keyframes move-frames-142 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(45vw, -109vh, 0); transform: translate3d(45vw, -109vh, 0); } } @keyframes move-frames-142 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(45vw, -109vh, 0); transform: translate3d(45vw, -109vh, 0); } } .circle-container:nth-child(142) .circle { -webkit-animation-delay: 966ms; animation-delay: 966ms; } .circle-container:nth-child(143) { width: 8px; height: 8px; -webkit-animation-name: move-frames-143; animation-name: move-frames-143; -webkit-animation-duration: 7743ms; animation-duration: 7743ms; -webkit-animation-delay: 9193ms; animation-delay: 9193ms; } @-webkit-keyframes move-frames-143 { from { -webkit-transform: translate3d(73vw, 103vh, 0); transform: translate3d(73vw, 103vh, 0); } to { -webkit-transform: translate3d(44vw, -127vh, 0); transform: translate3d(44vw, -127vh, 0); } } @keyframes move-frames-143 { from { -webkit-transform: translate3d(73vw, 103vh, 0); transform: translate3d(73vw, 103vh, 0); } to { -webkit-transform: translate3d(44vw, -127vh, 0); transform: translate3d(44vw, -127vh, 0); } } .circle-container:nth-child(143) .circle { -webkit-animation-delay: 79ms; animation-delay: 79ms; } .circle-container:nth-child(144) { width: 7px; height: 7px; -webkit-animation-name: move-frames-144; animation-name: move-frames-144; -webkit-animation-duration: 10720ms; animation-duration: 10720ms; -webkit-animation-delay: 7913ms; animation-delay: 7913ms; } @-webkit-keyframes move-frames-144 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(43vw, -117vh, 0); transform: translate3d(43vw, -117vh, 0); } } @keyframes move-frames-144 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(43vw, -117vh, 0); transform: translate3d(43vw, -117vh, 0); } } .circle-container:nth-child(144) .circle { -webkit-animation-delay: 3592ms; animation-delay: 3592ms; } .circle-container:nth-child(145) { width: 4px; height: 4px; -webkit-animation-name: move-frames-145; animation-name: move-frames-145; -webkit-animation-duration: 9667ms; animation-duration: 9667ms; -webkit-animation-delay: 9881ms; animation-delay: 9881ms; } @-webkit-keyframes move-frames-145 { from { -webkit-transform: translate3d(7vw, 109vh, 0); transform: translate3d(7vw, 109vh, 0); } to { -webkit-transform: translate3d(70vw, -123vh, 0); transform: translate3d(70vw, -123vh, 0); } } @keyframes move-frames-145 { from { -webkit-transform: translate3d(7vw, 109vh, 0); transform: translate3d(7vw, 109vh, 0); } to { -webkit-transform: translate3d(70vw, -123vh, 0); transform: translate3d(70vw, -123vh, 0); } } .circle-container:nth-child(145) .circle { -webkit-animation-delay: 3827ms; animation-delay: 3827ms; } .circle-container:nth-child(146) { width: 7px; height: 7px; -webkit-animation-name: move-frames-146; animation-name: move-frames-146; -webkit-animation-duration: 10791ms; animation-duration: 10791ms; -webkit-animation-delay: 5691ms; animation-delay: 5691ms; } @-webkit-keyframes move-frames-146 { from { -webkit-transform: translate3d(40vw, 107vh, 0); transform: translate3d(40vw, 107vh, 0); } to { -webkit-transform: translate3d(17vw, -116vh, 0); transform: translate3d(17vw, -116vh, 0); } } @keyframes move-frames-146 { from { -webkit-transform: translate3d(40vw, 107vh, 0); transform: translate3d(40vw, 107vh, 0); } to { -webkit-transform: translate3d(17vw, -116vh, 0); transform: translate3d(17vw, -116vh, 0); } } .circle-container:nth-child(146) .circle { -webkit-animation-delay: 855ms; animation-delay: 855ms; } .circle-container:nth-child(147) { width: 6px; height: 6px; -webkit-animation-name: move-frames-147; animation-name: move-frames-147; -webkit-animation-duration: 8015ms; animation-duration: 8015ms; -webkit-animation-delay: 850ms; animation-delay: 850ms; } @-webkit-keyframes move-frames-147 { from { -webkit-transform: translate3d(87vw, 108vh, 0); transform: translate3d(87vw, 108vh, 0); } to { -webkit-transform: translate3d(18vw, -122vh, 0); transform: translate3d(18vw, -122vh, 0); } } @keyframes move-frames-147 { from { -webkit-transform: translate3d(87vw, 108vh, 0); transform: translate3d(87vw, 108vh, 0); } to { -webkit-transform: translate3d(18vw, -122vh, 0); transform: translate3d(18vw, -122vh, 0); } } .circle-container:nth-child(147) .circle { -webkit-animation-delay: 3790ms; animation-delay: 3790ms; } .circle-container:nth-child(148) { width: 8px; height: 8px; -webkit-animation-name: move-frames-148; animation-name: move-frames-148; -webkit-animation-duration: 8558ms; animation-duration: 8558ms; -webkit-animation-delay: 2807ms; animation-delay: 2807ms; } @-webkit-keyframes move-frames-148 { from { -webkit-transform: translate3d(34vw, 107vh, 0); transform: translate3d(34vw, 107vh, 0); } to { -webkit-transform: translate3d(69vw, -113vh, 0); transform: translate3d(69vw, -113vh, 0); } } @keyframes move-frames-148 { from { -webkit-transform: translate3d(34vw, 107vh, 0); transform: translate3d(34vw, 107vh, 0); } to { -webkit-transform: translate3d(69vw, -113vh, 0); transform: translate3d(69vw, -113vh, 0); } } .circle-container:nth-child(148) .circle { -webkit-animation-delay: 3621ms; animation-delay: 3621ms; } .circle-container:nth-child(149) { width: 1px; height: 1px; -webkit-animation-name: move-frames-149; animation-name: move-frames-149; -webkit-animation-duration: 7391ms; animation-duration: 7391ms; -webkit-animation-delay: 7884ms; animation-delay: 7884ms; } @-webkit-keyframes move-frames-149 { from { -webkit-transform: translate3d(69vw, 101vh, 0); transform: translate3d(69vw, 101vh, 0); } to { -webkit-transform: translate3d(44vw, -107vh, 0); transform: translate3d(44vw, -107vh, 0); } } @keyframes move-frames-149 { from { -webkit-transform: translate3d(69vw, 101vh, 0); transform: translate3d(69vw, 101vh, 0); } to { -webkit-transform: translate3d(44vw, -107vh, 0); transform: translate3d(44vw, -107vh, 0); } } .circle-container:nth-child(149) .circle { -webkit-animation-delay: 389ms; animation-delay: 389ms; } .circle-container:nth-child(150) { width: 8px; height: 8px; -webkit-animation-name: move-frames-150; animation-name: move-frames-150; -webkit-animation-duration: 8840ms; animation-duration: 8840ms; -webkit-animation-delay: 3781ms; animation-delay: 3781ms; } @-webkit-keyframes move-frames-150 { from { -webkit-transform: translate3d(23vw, 101vh, 0); transform: translate3d(23vw, 101vh, 0); } to { -webkit-transform: translate3d(53vw, -115vh, 0); transform: translate3d(53vw, -115vh, 0); } } @keyframes move-frames-150 { from { -webkit-transform: translate3d(23vw, 101vh, 0); transform: translate3d(23vw, 101vh, 0); } to { -webkit-transform: translate3d(53vw, -115vh, 0); transform: translate3d(53vw, -115vh, 0); } } .circle-container:nth-child(150) .circle { -webkit-animation-delay: 3727ms; animation-delay: 3727ms; } .circle-container:nth-child(151) { width: 10px; height: 10px; -webkit-animation-name: move-frames-151; animation-name: move-frames-151; -webkit-animation-duration: 9777ms; animation-duration: 9777ms; -webkit-animation-delay: 10110ms; animation-delay: 10110ms; } @-webkit-keyframes move-frames-151 { from { -webkit-transform: translate3d(8vw, 101vh, 0); transform: translate3d(8vw, 101vh, 0); } to { -webkit-transform: translate3d(55vw, -126vh, 0); transform: translate3d(55vw, -126vh, 0); } } @keyframes move-frames-151 { from { -webkit-transform: translate3d(8vw, 101vh, 0); transform: translate3d(8vw, 101vh, 0); } to { -webkit-transform: translate3d(55vw, -126vh, 0); transform: translate3d(55vw, -126vh, 0); } } .circle-container:nth-child(151) .circle { -webkit-animation-delay: 3406ms; animation-delay: 3406ms; } .circle-container:nth-child(152) { width: 7px; height: 7px; -webkit-animation-name: move-frames-152; animation-name: move-frames-152; -webkit-animation-duration: 7865ms; animation-duration: 7865ms; -webkit-animation-delay: 4573ms; animation-delay: 4573ms; } @-webkit-keyframes move-frames-152 { from { -webkit-transform: translate3d(49vw, 107vh, 0); transform: translate3d(49vw, 107vh, 0); } to { -webkit-transform: translate3d(85vw, -125vh, 0); transform: translate3d(85vw, -125vh, 0); } } @keyframes move-frames-152 { from { -webkit-transform: translate3d(49vw, 107vh, 0); transform: translate3d(49vw, 107vh, 0); } to { -webkit-transform: translate3d(85vw, -125vh, 0); transform: translate3d(85vw, -125vh, 0); } } .circle-container:nth-child(152) .circle { -webkit-animation-delay: 2418ms; animation-delay: 2418ms; } .circle-container:nth-child(153) { width: 6px; height: 6px; -webkit-animation-name: move-frames-153; animation-name: move-frames-153; -webkit-animation-duration: 8269ms; animation-duration: 8269ms; -webkit-animation-delay: 7324ms; animation-delay: 7324ms; } @-webkit-keyframes move-frames-153 { from { -webkit-transform: translate3d(88vw, 101vh, 0); transform: translate3d(88vw, 101vh, 0); } to { -webkit-transform: translate3d(20vw, -113vh, 0); transform: translate3d(20vw, -113vh, 0); } } @keyframes move-frames-153 { from { -webkit-transform: translate3d(88vw, 101vh, 0); transform: translate3d(88vw, 101vh, 0); } to { -webkit-transform: translate3d(20vw, -113vh, 0); transform: translate3d(20vw, -113vh, 0); } } .circle-container:nth-child(153) .circle { -webkit-animation-delay: 1809ms; animation-delay: 1809ms; } .circle-container:nth-child(154) { width: 8px; height: 8px; -webkit-animation-name: move-frames-154; animation-name: move-frames-154; -webkit-animation-duration: 7667ms; animation-duration: 7667ms; -webkit-animation-delay: 4874ms; animation-delay: 4874ms; } @-webkit-keyframes move-frames-154 { from { -webkit-transform: translate3d(27vw, 105vh, 0); transform: translate3d(27vw, 105vh, 0); } to { -webkit-transform: translate3d(22vw, -114vh, 0); transform: translate3d(22vw, -114vh, 0); } } @keyframes move-frames-154 { from { -webkit-transform: translate3d(27vw, 105vh, 0); transform: translate3d(27vw, 105vh, 0); } to { -webkit-transform: translate3d(22vw, -114vh, 0); transform: translate3d(22vw, -114vh, 0); } } .circle-container:nth-child(154) .circle { -webkit-animation-delay: 3688ms; animation-delay: 3688ms; } .circle-container:nth-child(155) { width: 5px; height: 5px; -webkit-animation-name: move-frames-155; animation-name: move-frames-155; -webkit-animation-duration: 10555ms; animation-duration: 10555ms; -webkit-animation-delay: 37ms; animation-delay: 37ms; } @-webkit-keyframes move-frames-155 { from { -webkit-transform: translate3d(27vw, 102vh, 0); transform: translate3d(27vw, 102vh, 0); } to { -webkit-transform: translate3d(7vw, -106vh, 0); transform: translate3d(7vw, -106vh, 0); } } @keyframes move-frames-155 { from { -webkit-transform: translate3d(27vw, 102vh, 0); transform: translate3d(27vw, 102vh, 0); } to { -webkit-transform: translate3d(7vw, -106vh, 0); transform: translate3d(7vw, -106vh, 0); } } .circle-container:nth-child(155) .circle { -webkit-animation-delay: 2894ms; animation-delay: 2894ms; } .circle-container:nth-child(156) { width: 3px; height: 3px; -webkit-animation-name: move-frames-156; animation-name: move-frames-156; -webkit-animation-duration: 10143ms; animation-duration: 10143ms; -webkit-animation-delay: 3296ms; animation-delay: 3296ms; } @-webkit-keyframes move-frames-156 { from { -webkit-transform: translate3d(20vw, 101vh, 0); transform: translate3d(20vw, 101vh, 0); } to { -webkit-transform: translate3d(18vw, -103vh, 0); transform: translate3d(18vw, -103vh, 0); } } @keyframes move-frames-156 { from { -webkit-transform: translate3d(20vw, 101vh, 0); transform: translate3d(20vw, 101vh, 0); } to { -webkit-transform: translate3d(18vw, -103vh, 0); transform: translate3d(18vw, -103vh, 0); } } .circle-container:nth-child(156) .circle { -webkit-animation-delay: 456ms; animation-delay: 456ms; } .circle-container:nth-child(157) { width: 6px; height: 6px; -webkit-animation-name: move-frames-157; animation-name: move-frames-157; -webkit-animation-duration: 10369ms; animation-duration: 10369ms; -webkit-animation-delay: 9790ms; animation-delay: 9790ms; } @-webkit-keyframes move-frames-157 { from { -webkit-transform: translate3d(18vw, 104vh, 0); transform: translate3d(18vw, 104vh, 0); } to { -webkit-transform: translate3d(93vw, -126vh, 0); transform: translate3d(93vw, -126vh, 0); } } @keyframes move-frames-157 { from { -webkit-transform: translate3d(18vw, 104vh, 0); transform: translate3d(18vw, 104vh, 0); } to { -webkit-transform: translate3d(93vw, -126vh, 0); transform: translate3d(93vw, -126vh, 0); } } .circle-container:nth-child(157) .circle { -webkit-animation-delay: 1530ms; animation-delay: 1530ms; } .circle-container:nth-child(158) { width: 7px; height: 7px; -webkit-animation-name: move-frames-158; animation-name: move-frames-158; -webkit-animation-duration: 7391ms; animation-duration: 7391ms; -webkit-animation-delay: 7592ms; animation-delay: 7592ms; } @-webkit-keyframes move-frames-158 { from { -webkit-transform: translate3d(74vw, 105vh, 0); transform: translate3d(74vw, 105vh, 0); } to { -webkit-transform: translate3d(15vw, -108vh, 0); transform: translate3d(15vw, -108vh, 0); } } @keyframes move-frames-158 { from { -webkit-transform: translate3d(74vw, 105vh, 0); transform: translate3d(74vw, 105vh, 0); } to { -webkit-transform: translate3d(15vw, -108vh, 0); transform: translate3d(15vw, -108vh, 0); } } .circle-container:nth-child(158) .circle { -webkit-animation-delay: 197ms; animation-delay: 197ms; } .circle-container:nth-child(159) { width: 9px; height: 9px; -webkit-animation-name: move-frames-159; animation-name: move-frames-159; -webkit-animation-duration: 7347ms; animation-duration: 7347ms; -webkit-animation-delay: 10820ms; animation-delay: 10820ms; } @-webkit-keyframes move-frames-159 { from { -webkit-transform: translate3d(22vw, 102vh, 0); transform: translate3d(22vw, 102vh, 0); } to { -webkit-transform: translate3d(5vw, -106vh, 0); transform: translate3d(5vw, -106vh, 0); } } @keyframes move-frames-159 { from { -webkit-transform: translate3d(22vw, 102vh, 0); transform: translate3d(22vw, 102vh, 0); } to { -webkit-transform: translate3d(5vw, -106vh, 0); transform: translate3d(5vw, -106vh, 0); } } .circle-container:nth-child(159) .circle { -webkit-animation-delay: 1253ms; animation-delay: 1253ms; } .circle-container:nth-child(160) { width: 1px; height: 1px; -webkit-animation-name: move-frames-160; animation-name: move-frames-160; -webkit-animation-duration: 7294ms; animation-duration: 7294ms; -webkit-animation-delay: 9595ms; animation-delay: 9595ms; } @-webkit-keyframes move-frames-160 { from { -webkit-transform: translate3d(88vw, 105vh, 0); transform: translate3d(88vw, 105vh, 0); } to { -webkit-transform: translate3d(70vw, -125vh, 0); transform: translate3d(70vw, -125vh, 0); } } @keyframes move-frames-160 { from { -webkit-transform: translate3d(88vw, 105vh, 0); transform: translate3d(88vw, 105vh, 0); } to { -webkit-transform: translate3d(70vw, -125vh, 0); transform: translate3d(70vw, -125vh, 0); } } .circle-container:nth-child(160) .circle { -webkit-animation-delay: 569ms; animation-delay: 569ms; } .circle-container:nth-child(161) { width: 5px; height: 5px; -webkit-animation-name: move-frames-161; animation-name: move-frames-161; -webkit-animation-duration: 7483ms; animation-duration: 7483ms; -webkit-animation-delay: 10982ms; animation-delay: 10982ms; } @-webkit-keyframes move-frames-161 { from { -webkit-transform: translate3d(30vw, 103vh, 0); transform: translate3d(30vw, 103vh, 0); } to { -webkit-transform: translate3d(69vw, -112vh, 0); transform: translate3d(69vw, -112vh, 0); } } @keyframes move-frames-161 { from { -webkit-transform: translate3d(30vw, 103vh, 0); transform: translate3d(30vw, 103vh, 0); } to { -webkit-transform: translate3d(69vw, -112vh, 0); transform: translate3d(69vw, -112vh, 0); } } .circle-container:nth-child(161) .circle { -webkit-animation-delay: 1801ms; animation-delay: 1801ms; } .circle-container:nth-child(162) { width: 2px; height: 2px; -webkit-animation-name: move-frames-162; animation-name: move-frames-162; -webkit-animation-duration: 7648ms; animation-duration: 7648ms; -webkit-animation-delay: 3841ms; animation-delay: 3841ms; } @-webkit-keyframes move-frames-162 { from { -webkit-transform: translate3d(84vw, 105vh, 0); transform: translate3d(84vw, 105vh, 0); } to { -webkit-transform: translate3d(41vw, -127vh, 0); transform: translate3d(41vw, -127vh, 0); } } @keyframes move-frames-162 { from { -webkit-transform: translate3d(84vw, 105vh, 0); transform: translate3d(84vw, 105vh, 0); } to { -webkit-transform: translate3d(41vw, -127vh, 0); transform: translate3d(41vw, -127vh, 0); } } .circle-container:nth-child(162) .circle { -webkit-animation-delay: 3266ms; animation-delay: 3266ms; } .circle-container:nth-child(163) { width: 9px; height: 9px; -webkit-animation-name: move-frames-163; animation-name: move-frames-163; -webkit-animation-duration: 7231ms; animation-duration: 7231ms; -webkit-animation-delay: 466ms; animation-delay: 466ms; } @-webkit-keyframes move-frames-163 { from { -webkit-transform: translate3d(12vw, 103vh, 0); transform: translate3d(12vw, 103vh, 0); } to { -webkit-transform: translate3d(53vw, -128vh, 0); transform: translate3d(53vw, -128vh, 0); } } @keyframes move-frames-163 { from { -webkit-transform: translate3d(12vw, 103vh, 0); transform: translate3d(12vw, 103vh, 0); } to { -webkit-transform: translate3d(53vw, -128vh, 0); transform: translate3d(53vw, -128vh, 0); } } .circle-container:nth-child(163) .circle { -webkit-animation-delay: 2178ms; animation-delay: 2178ms; } .circle-container:nth-child(164) { width: 8px; height: 8px; -webkit-animation-name: move-frames-164; animation-name: move-frames-164; -webkit-animation-duration: 8705ms; animation-duration: 8705ms; -webkit-animation-delay: 4573ms; animation-delay: 4573ms; } @-webkit-keyframes move-frames-164 { from { -webkit-transform: translate3d(8vw, 102vh, 0); transform: translate3d(8vw, 102vh, 0); } to { -webkit-transform: translate3d(14vw, -104vh, 0); transform: translate3d(14vw, -104vh, 0); } } @keyframes move-frames-164 { from { -webkit-transform: translate3d(8vw, 102vh, 0); transform: translate3d(8vw, 102vh, 0); } to { -webkit-transform: translate3d(14vw, -104vh, 0); transform: translate3d(14vw, -104vh, 0); } } .circle-container:nth-child(164) .circle { -webkit-animation-delay: 352ms; animation-delay: 352ms; } .circle-container:nth-child(165) { width: 3px; height: 3px; -webkit-animation-name: move-frames-165; animation-name: move-frames-165; -webkit-animation-duration: 8091ms; animation-duration: 8091ms; -webkit-animation-delay: 3901ms; animation-delay: 3901ms; } @-webkit-keyframes move-frames-165 { from { -webkit-transform: translate3d(84vw, 106vh, 0); transform: translate3d(84vw, 106vh, 0); } to { -webkit-transform: translate3d(52vw, -108vh, 0); transform: translate3d(52vw, -108vh, 0); } } @keyframes move-frames-165 { from { -webkit-transform: translate3d(84vw, 106vh, 0); transform: translate3d(84vw, 106vh, 0); } to { -webkit-transform: translate3d(52vw, -108vh, 0); transform: translate3d(52vw, -108vh, 0); } } .circle-container:nth-child(165) .circle { -webkit-animation-delay: 2333ms; animation-delay: 2333ms; } .circle-container:nth-child(166) { width: 4px; height: 4px; -webkit-animation-name: move-frames-166; animation-name: move-frames-166; -webkit-animation-duration: 9693ms; animation-duration: 9693ms; -webkit-animation-delay: 6099ms; animation-delay: 6099ms; } @-webkit-keyframes move-frames-166 { from { -webkit-transform: translate3d(78vw, 107vh, 0); transform: translate3d(78vw, 107vh, 0); } to { -webkit-transform: translate3d(38vw, -111vh, 0); transform: translate3d(38vw, -111vh, 0); } } @keyframes move-frames-166 { from { -webkit-transform: translate3d(78vw, 107vh, 0); transform: translate3d(78vw, 107vh, 0); } to { -webkit-transform: translate3d(38vw, -111vh, 0); transform: translate3d(38vw, -111vh, 0); } } .circle-container:nth-child(166) .circle { -webkit-animation-delay: 1118ms; animation-delay: 1118ms; } .circle-container:nth-child(167) { width: 7px; height: 7px; -webkit-animation-name: move-frames-167; animation-name: move-frames-167; -webkit-animation-duration: 9033ms; animation-duration: 9033ms; -webkit-animation-delay: 1903ms; animation-delay: 1903ms; } @-webkit-keyframes move-frames-167 { from { -webkit-transform: translate3d(93vw, 108vh, 0); transform: translate3d(93vw, 108vh, 0); } to { -webkit-transform: translate3d(33vw, -127vh, 0); transform: translate3d(33vw, -127vh, 0); } } @keyframes move-frames-167 { from { -webkit-transform: translate3d(93vw, 108vh, 0); transform: translate3d(93vw, 108vh, 0); } to { -webkit-transform: translate3d(33vw, -127vh, 0); transform: translate3d(33vw, -127vh, 0); } } .circle-container:nth-child(167) .circle { -webkit-animation-delay: 3229ms; animation-delay: 3229ms; } .circle-container:nth-child(168) { width: 1px; height: 1px; -webkit-animation-name: move-frames-168; animation-name: move-frames-168; -webkit-animation-duration: 8360ms; animation-duration: 8360ms; -webkit-animation-delay: 8244ms; animation-delay: 8244ms; } @-webkit-keyframes move-frames-168 { from { -webkit-transform: translate3d(7vw, 105vh, 0); transform: translate3d(7vw, 105vh, 0); } to { -webkit-transform: translate3d(79vw, -108vh, 0); transform: translate3d(79vw, -108vh, 0); } } @keyframes move-frames-168 { from { -webkit-transform: translate3d(7vw, 105vh, 0); transform: translate3d(7vw, 105vh, 0); } to { -webkit-transform: translate3d(79vw, -108vh, 0); transform: translate3d(79vw, -108vh, 0); } } .circle-container:nth-child(168) .circle { -webkit-animation-delay: 1552ms; animation-delay: 1552ms; } .circle-container:nth-child(169) { width: 10px; height: 10px; -webkit-animation-name: move-frames-169; animation-name: move-frames-169; -webkit-animation-duration: 8642ms; animation-duration: 8642ms; -webkit-animation-delay: 3989ms; animation-delay: 3989ms; } @-webkit-keyframes move-frames-169 { from { -webkit-transform: translate3d(33vw, 104vh, 0); transform: translate3d(33vw, 104vh, 0); } to { -webkit-transform: translate3d(6vw, -122vh, 0); transform: translate3d(6vw, -122vh, 0); } } @keyframes move-frames-169 { from { -webkit-transform: translate3d(33vw, 104vh, 0); transform: translate3d(33vw, 104vh, 0); } to { -webkit-transform: translate3d(6vw, -122vh, 0); transform: translate3d(6vw, -122vh, 0); } } .circle-container:nth-child(169) .circle { -webkit-animation-delay: 1116ms; animation-delay: 1116ms; } .circle-container:nth-child(170) { width: 7px; height: 7px; -webkit-animation-name: move-frames-170; animation-name: move-frames-170; -webkit-animation-duration: 9107ms; animation-duration: 9107ms; -webkit-animation-delay: 655ms; animation-delay: 655ms; } @-webkit-keyframes move-frames-170 { from { -webkit-transform: translate3d(85vw, 104vh, 0); transform: translate3d(85vw, 104vh, 0); } to { -webkit-transform: translate3d(6vw, -112vh, 0); transform: translate3d(6vw, -112vh, 0); } } @keyframes move-frames-170 { from { -webkit-transform: translate3d(85vw, 104vh, 0); transform: translate3d(85vw, 104vh, 0); } to { -webkit-transform: translate3d(6vw, -112vh, 0); transform: translate3d(6vw, -112vh, 0); } } .circle-container:nth-child(170) .circle { -webkit-animation-delay: 2983ms; animation-delay: 2983ms; } .circle-container:nth-child(171) { width: 7px; height: 7px; -webkit-animation-name: move-frames-171; animation-name: move-frames-171; -webkit-animation-duration: 10755ms; animation-duration: 10755ms; -webkit-animation-delay: 10396ms; animation-delay: 10396ms; } @-webkit-keyframes move-frames-171 { from { -webkit-transform: translate3d(83vw, 108vh, 0); transform: translate3d(83vw, 108vh, 0); } to { -webkit-transform: translate3d(64vw, -116vh, 0); transform: translate3d(64vw, -116vh, 0); } } @keyframes move-frames-171 { from { -webkit-transform: translate3d(83vw, 108vh, 0); transform: translate3d(83vw, 108vh, 0); } to { -webkit-transform: translate3d(64vw, -116vh, 0); transform: translate3d(64vw, -116vh, 0); } } .circle-container:nth-child(171) .circle { -webkit-animation-delay: 146ms; animation-delay: 146ms; } .circle-container:nth-child(172) { width: 10px; height: 10px; -webkit-animation-name: move-frames-172; animation-name: move-frames-172; -webkit-animation-duration: 9275ms; animation-duration: 9275ms; -webkit-animation-delay: 7768ms; animation-delay: 7768ms; } @-webkit-keyframes move-frames-172 { from { -webkit-transform: translate3d(75vw, 104vh, 0); transform: translate3d(75vw, 104vh, 0); } to { -webkit-transform: translate3d(14vw, -120vh, 0); transform: translate3d(14vw, -120vh, 0); } } @keyframes move-frames-172 { from { -webkit-transform: translate3d(75vw, 104vh, 0); transform: translate3d(75vw, 104vh, 0); } to { -webkit-transform: translate3d(14vw, -120vh, 0); transform: translate3d(14vw, -120vh, 0); } } .circle-container:nth-child(172) .circle { -webkit-animation-delay: 2976ms; animation-delay: 2976ms; } .circle-container:nth-child(173) { width: 8px; height: 8px; -webkit-animation-name: move-frames-173; animation-name: move-frames-173; -webkit-animation-duration: 8634ms; animation-duration: 8634ms; -webkit-animation-delay: 2179ms; animation-delay: 2179ms; } @-webkit-keyframes move-frames-173 { from { -webkit-transform: translate3d(78vw, 106vh, 0); transform: translate3d(78vw, 106vh, 0); } to { -webkit-transform: translate3d(44vw, -126vh, 0); transform: translate3d(44vw, -126vh, 0); } } @keyframes move-frames-173 { from { -webkit-transform: translate3d(78vw, 106vh, 0); transform: translate3d(78vw, 106vh, 0); } to { -webkit-transform: translate3d(44vw, -126vh, 0); transform: translate3d(44vw, -126vh, 0); } } .circle-container:nth-child(173) .circle { -webkit-animation-delay: 1807ms; animation-delay: 1807ms; } .circle-container:nth-child(174) { width: 3px; height: 3px; -webkit-animation-name: move-frames-174; animation-name: move-frames-174; -webkit-animation-duration: 7890ms; animation-duration: 7890ms; -webkit-animation-delay: 924ms; animation-delay: 924ms; } @-webkit-keyframes move-frames-174 { from { -webkit-transform: translate3d(32vw, 101vh, 0); transform: translate3d(32vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -126vh, 0); transform: translate3d(65vw, -126vh, 0); } } @keyframes move-frames-174 { from { -webkit-transform: translate3d(32vw, 101vh, 0); transform: translate3d(32vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -126vh, 0); transform: translate3d(65vw, -126vh, 0); } } .circle-container:nth-child(174) .circle { -webkit-animation-delay: 2869ms; animation-delay: 2869ms; } .circle-container:nth-child(175) { width: 9px; height: 9px; -webkit-animation-name: move-frames-175; animation-name: move-frames-175; -webkit-animation-duration: 8573ms; animation-duration: 8573ms; -webkit-animation-delay: 829ms; animation-delay: 829ms; } @-webkit-keyframes move-frames-175 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -118vh, 0); transform: translate3d(86vw, -118vh, 0); } } @keyframes move-frames-175 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(86vw, -118vh, 0); transform: translate3d(86vw, -118vh, 0); } } .circle-container:nth-child(175) .circle { -webkit-animation-delay: 1685ms; animation-delay: 1685ms; } .circle-container:nth-child(176) { width: 10px; height: 10px; -webkit-animation-name: move-frames-176; animation-name: move-frames-176; -webkit-animation-duration: 9613ms; animation-duration: 9613ms; -webkit-animation-delay: 1689ms; animation-delay: 1689ms; } @-webkit-keyframes move-frames-176 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(27vw, -127vh, 0); transform: translate3d(27vw, -127vh, 0); } } @keyframes move-frames-176 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(27vw, -127vh, 0); transform: translate3d(27vw, -127vh, 0); } } .circle-container:nth-child(176) .circle { -webkit-animation-delay: 3298ms; animation-delay: 3298ms; } .circle-container:nth-child(177) { width: 4px; height: 4px; -webkit-animation-name: move-frames-177; animation-name: move-frames-177; -webkit-animation-duration: 8876ms; animation-duration: 8876ms; -webkit-animation-delay: 3252ms; animation-delay: 3252ms; } @-webkit-keyframes move-frames-177 { from { -webkit-transform: translate3d(16vw, 106vh, 0); transform: translate3d(16vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -117vh, 0); transform: translate3d(8vw, -117vh, 0); } } @keyframes move-frames-177 { from { -webkit-transform: translate3d(16vw, 106vh, 0); transform: translate3d(16vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -117vh, 0); transform: translate3d(8vw, -117vh, 0); } } .circle-container:nth-child(177) .circle { -webkit-animation-delay: 3262ms; animation-delay: 3262ms; } .circle-container:nth-child(178) { width: 4px; height: 4px; -webkit-animation-name: move-frames-178; animation-name: move-frames-178; -webkit-animation-duration: 7741ms; animation-duration: 7741ms; -webkit-animation-delay: 1829ms; animation-delay: 1829ms; } @-webkit-keyframes move-frames-178 { from { -webkit-transform: translate3d(8vw, 102vh, 0); transform: translate3d(8vw, 102vh, 0); } to { -webkit-transform: translate3d(91vw, -123vh, 0); transform: translate3d(91vw, -123vh, 0); } } @keyframes move-frames-178 { from { -webkit-transform: translate3d(8vw, 102vh, 0); transform: translate3d(8vw, 102vh, 0); } to { -webkit-transform: translate3d(91vw, -123vh, 0); transform: translate3d(91vw, -123vh, 0); } } .circle-container:nth-child(178) .circle { -webkit-animation-delay: 628ms; animation-delay: 628ms; } .circle-container:nth-child(179) { width: 10px; height: 10px; -webkit-animation-name: move-frames-179; animation-name: move-frames-179; -webkit-animation-duration: 10722ms; animation-duration: 10722ms; -webkit-animation-delay: 4451ms; animation-delay: 4451ms; } @-webkit-keyframes move-frames-179 { from { -webkit-transform: translate3d(44vw, 101vh, 0); transform: translate3d(44vw, 101vh, 0); } to { -webkit-transform: translate3d(71vw, -117vh, 0); transform: translate3d(71vw, -117vh, 0); } } @keyframes move-frames-179 { from { -webkit-transform: translate3d(44vw, 101vh, 0); transform: translate3d(44vw, 101vh, 0); } to { -webkit-transform: translate3d(71vw, -117vh, 0); transform: translate3d(71vw, -117vh, 0); } } .circle-container:nth-child(179) .circle { -webkit-animation-delay: 2717ms; animation-delay: 2717ms; } .circle-container:nth-child(180) { width: 6px; height: 6px; -webkit-animation-name: move-frames-180; animation-name: move-frames-180; -webkit-animation-duration: 8662ms; animation-duration: 8662ms; -webkit-animation-delay: 10529ms; animation-delay: 10529ms; } @-webkit-keyframes move-frames-180 { from { -webkit-transform: translate3d(35vw, 105vh, 0); transform: translate3d(35vw, 105vh, 0); } to { -webkit-transform: translate3d(64vw, -107vh, 0); transform: translate3d(64vw, -107vh, 0); } } @keyframes move-frames-180 { from { -webkit-transform: translate3d(35vw, 105vh, 0); transform: translate3d(35vw, 105vh, 0); } to { -webkit-transform: translate3d(64vw, -107vh, 0); transform: translate3d(64vw, -107vh, 0); } } .circle-container:nth-child(180) .circle { -webkit-animation-delay: 2530ms; animation-delay: 2530ms; } .circle-container:nth-child(181) { width: 1px; height: 1px; -webkit-animation-name: move-frames-181; animation-name: move-frames-181; -webkit-animation-duration: 8549ms; animation-duration: 8549ms; -webkit-animation-delay: 6293ms; animation-delay: 6293ms; } @-webkit-keyframes move-frames-181 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(5vw, -113vh, 0); transform: translate3d(5vw, -113vh, 0); } } @keyframes move-frames-181 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(5vw, -113vh, 0); transform: translate3d(5vw, -113vh, 0); } } .circle-container:nth-child(181) .circle { -webkit-animation-delay: 3933ms; animation-delay: 3933ms; } .circle-container:nth-child(182) { width: 4px; height: 4px; -webkit-animation-name: move-frames-182; animation-name: move-frames-182; -webkit-animation-duration: 7961ms; animation-duration: 7961ms; -webkit-animation-delay: 3713ms; animation-delay: 3713ms; } @-webkit-keyframes move-frames-182 { from { -webkit-transform: translate3d(36vw, 109vh, 0); transform: translate3d(36vw, 109vh, 0); } to { -webkit-transform: translate3d(31vw, -129vh, 0); transform: translate3d(31vw, -129vh, 0); } } @keyframes move-frames-182 { from { -webkit-transform: translate3d(36vw, 109vh, 0); transform: translate3d(36vw, 109vh, 0); } to { -webkit-transform: translate3d(31vw, -129vh, 0); transform: translate3d(31vw, -129vh, 0); } } .circle-container:nth-child(182) .circle { -webkit-animation-delay: 3838ms; animation-delay: 3838ms; } .circle-container:nth-child(183) { width: 2px; height: 2px; -webkit-animation-name: move-frames-183; animation-name: move-frames-183; -webkit-animation-duration: 10258ms; animation-duration: 10258ms; -webkit-animation-delay: 1392ms; animation-delay: 1392ms; } @-webkit-keyframes move-frames-183 { from { -webkit-transform: translate3d(94vw, 104vh, 0); transform: translate3d(94vw, 104vh, 0); } to { -webkit-transform: translate3d(99vw, -131vh, 0); transform: translate3d(99vw, -131vh, 0); } } @keyframes move-frames-183 { from { -webkit-transform: translate3d(94vw, 104vh, 0); transform: translate3d(94vw, 104vh, 0); } to { -webkit-transform: translate3d(99vw, -131vh, 0); transform: translate3d(99vw, -131vh, 0); } } .circle-container:nth-child(183) .circle { -webkit-animation-delay: 2550ms; animation-delay: 2550ms; } .circle-container:nth-child(184) { width: 8px; height: 8px; -webkit-animation-name: move-frames-184; animation-name: move-frames-184; -webkit-animation-duration: 10981ms; animation-duration: 10981ms; -webkit-animation-delay: 4258ms; animation-delay: 4258ms; } @-webkit-keyframes move-frames-184 { from { -webkit-transform: translate3d(43vw, 109vh, 0); transform: translate3d(43vw, 109vh, 0); } to { -webkit-transform: translate3d(23vw, -116vh, 0); transform: translate3d(23vw, -116vh, 0); } } @keyframes move-frames-184 { from { -webkit-transform: translate3d(43vw, 109vh, 0); transform: translate3d(43vw, 109vh, 0); } to { -webkit-transform: translate3d(23vw, -116vh, 0); transform: translate3d(23vw, -116vh, 0); } } .circle-container:nth-child(184) .circle { -webkit-animation-delay: 1084ms; animation-delay: 1084ms; } .circle-container:nth-child(185) { width: 10px; height: 10px; -webkit-animation-name: move-frames-185; animation-name: move-frames-185; -webkit-animation-duration: 8555ms; animation-duration: 8555ms; -webkit-animation-delay: 4329ms; animation-delay: 4329ms; } @-webkit-keyframes move-frames-185 { from { -webkit-transform: translate3d(90vw, 110vh, 0); transform: translate3d(90vw, 110vh, 0); } to { -webkit-transform: translate3d(43vw, -131vh, 0); transform: translate3d(43vw, -131vh, 0); } } @keyframes move-frames-185 { from { -webkit-transform: translate3d(90vw, 110vh, 0); transform: translate3d(90vw, 110vh, 0); } to { -webkit-transform: translate3d(43vw, -131vh, 0); transform: translate3d(43vw, -131vh, 0); } } .circle-container:nth-child(185) .circle { -webkit-animation-delay: 901ms; animation-delay: 901ms; } .circle-container:nth-child(186) { width: 3px; height: 3px; -webkit-animation-name: move-frames-186; animation-name: move-frames-186; -webkit-animation-duration: 7768ms; animation-duration: 7768ms; -webkit-animation-delay: 2323ms; animation-delay: 2323ms; } @-webkit-keyframes move-frames-186 { from { -webkit-transform: translate3d(1vw, 102vh, 0); transform: translate3d(1vw, 102vh, 0); } to { -webkit-transform: translate3d(67vw, -130vh, 0); transform: translate3d(67vw, -130vh, 0); } } @keyframes move-frames-186 { from { -webkit-transform: translate3d(1vw, 102vh, 0); transform: translate3d(1vw, 102vh, 0); } to { -webkit-transform: translate3d(67vw, -130vh, 0); transform: translate3d(67vw, -130vh, 0); } } .circle-container:nth-child(186) .circle { -webkit-animation-delay: 3982ms; animation-delay: 3982ms; } .circle-container:nth-child(187) { width: 7px; height: 7px; -webkit-animation-name: move-frames-187; animation-name: move-frames-187; -webkit-animation-duration: 9542ms; animation-duration: 9542ms; -webkit-animation-delay: 6076ms; animation-delay: 6076ms; } @-webkit-keyframes move-frames-187 { from { -webkit-transform: translate3d(56vw, 104vh, 0); transform: translate3d(56vw, 104vh, 0); } to { -webkit-transform: translate3d(1vw, -127vh, 0); transform: translate3d(1vw, -127vh, 0); } } @keyframes move-frames-187 { from { -webkit-transform: translate3d(56vw, 104vh, 0); transform: translate3d(56vw, 104vh, 0); } to { -webkit-transform: translate3d(1vw, -127vh, 0); transform: translate3d(1vw, -127vh, 0); } } .circle-container:nth-child(187) .circle { -webkit-animation-delay: 1928ms; animation-delay: 1928ms; } .circle-container:nth-child(188) { width: 5px; height: 5px; -webkit-animation-name: move-frames-188; animation-name: move-frames-188; -webkit-animation-duration: 7878ms; animation-duration: 7878ms; -webkit-animation-delay: 2740ms; animation-delay: 2740ms; } @-webkit-keyframes move-frames-188 { from { -webkit-transform: translate3d(19vw, 104vh, 0); transform: translate3d(19vw, 104vh, 0); } to { -webkit-transform: translate3d(26vw, -127vh, 0); transform: translate3d(26vw, -127vh, 0); } } @keyframes move-frames-188 { from { -webkit-transform: translate3d(19vw, 104vh, 0); transform: translate3d(19vw, 104vh, 0); } to { -webkit-transform: translate3d(26vw, -127vh, 0); transform: translate3d(26vw, -127vh, 0); } } .circle-container:nth-child(188) .circle { -webkit-animation-delay: 2532ms; animation-delay: 2532ms; } .circle-container:nth-child(189) { width: 6px; height: 6px; -webkit-animation-name: move-frames-189; animation-name: move-frames-189; -webkit-animation-duration: 8011ms; animation-duration: 8011ms; -webkit-animation-delay: 4310ms; animation-delay: 4310ms; } @-webkit-keyframes move-frames-189 { from { -webkit-transform: translate3d(55vw, 108vh, 0); transform: translate3d(55vw, 108vh, 0); } to { -webkit-transform: translate3d(96vw, -130vh, 0); transform: translate3d(96vw, -130vh, 0); } } @keyframes move-frames-189 { from { -webkit-transform: translate3d(55vw, 108vh, 0); transform: translate3d(55vw, 108vh, 0); } to { -webkit-transform: translate3d(96vw, -130vh, 0); transform: translate3d(96vw, -130vh, 0); } } .circle-container:nth-child(189) .circle { -webkit-animation-delay: 2308ms; animation-delay: 2308ms; } .circle-container:nth-child(190) { width: 6px; height: 6px; -webkit-animation-name: move-frames-190; animation-name: move-frames-190; -webkit-animation-duration: 9477ms; animation-duration: 9477ms; -webkit-animation-delay: 9959ms; animation-delay: 9959ms; } @-webkit-keyframes move-frames-190 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(48vw, -124vh, 0); transform: translate3d(48vw, -124vh, 0); } } @keyframes move-frames-190 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(48vw, -124vh, 0); transform: translate3d(48vw, -124vh, 0); } } .circle-container:nth-child(190) .circle { -webkit-animation-delay: 924ms; animation-delay: 924ms; } .circle-container:nth-child(191) { width: 4px; height: 4px; -webkit-animation-name: move-frames-191; animation-name: move-frames-191; -webkit-animation-duration: 10558ms; animation-duration: 10558ms; -webkit-animation-delay: 7673ms; animation-delay: 7673ms; } @-webkit-keyframes move-frames-191 { from { -webkit-transform: translate3d(40vw, 103vh, 0); transform: translate3d(40vw, 103vh, 0); } to { -webkit-transform: translate3d(20vw, -115vh, 0); transform: translate3d(20vw, -115vh, 0); } } @keyframes move-frames-191 { from { -webkit-transform: translate3d(40vw, 103vh, 0); transform: translate3d(40vw, 103vh, 0); } to { -webkit-transform: translate3d(20vw, -115vh, 0); transform: translate3d(20vw, -115vh, 0); } } .circle-container:nth-child(191) .circle { -webkit-animation-delay: 1128ms; animation-delay: 1128ms; } .circle-container:nth-child(192) { width: 6px; height: 6px; -webkit-animation-name: move-frames-192; animation-name: move-frames-192; -webkit-animation-duration: 8417ms; animation-duration: 8417ms; -webkit-animation-delay: 5306ms; animation-delay: 5306ms; } @-webkit-keyframes move-frames-192 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(37vw, -135vh, 0); transform: translate3d(37vw, -135vh, 0); } } @keyframes move-frames-192 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(37vw, -135vh, 0); transform: translate3d(37vw, -135vh, 0); } } .circle-container:nth-child(192) .circle { -webkit-animation-delay: 1992ms; animation-delay: 1992ms; } .circle-container:nth-child(193) { width: 3px; height: 3px; -webkit-animation-name: move-frames-193; animation-name: move-frames-193; -webkit-animation-duration: 7324ms; animation-duration: 7324ms; -webkit-animation-delay: 10694ms; animation-delay: 10694ms; } @-webkit-keyframes move-frames-193 { from { -webkit-transform: translate3d(49vw, 108vh, 0); transform: translate3d(49vw, 108vh, 0); } to { -webkit-transform: translate3d(45vw, -127vh, 0); transform: translate3d(45vw, -127vh, 0); } } @keyframes move-frames-193 { from { -webkit-transform: translate3d(49vw, 108vh, 0); transform: translate3d(49vw, 108vh, 0); } to { -webkit-transform: translate3d(45vw, -127vh, 0); transform: translate3d(45vw, -127vh, 0); } } .circle-container:nth-child(193) .circle { -webkit-animation-delay: 2593ms; animation-delay: 2593ms; } .circle-container:nth-child(194) { width: 6px; height: 6px; -webkit-animation-name: move-frames-194; animation-name: move-frames-194; -webkit-animation-duration: 9691ms; animation-duration: 9691ms; -webkit-animation-delay: 3282ms; animation-delay: 3282ms; } @-webkit-keyframes move-frames-194 { from { -webkit-transform: translate3d(7vw, 104vh, 0); transform: translate3d(7vw, 104vh, 0); } to { -webkit-transform: translate3d(84vw, -117vh, 0); transform: translate3d(84vw, -117vh, 0); } } @keyframes move-frames-194 { from { -webkit-transform: translate3d(7vw, 104vh, 0); transform: translate3d(7vw, 104vh, 0); } to { -webkit-transform: translate3d(84vw, -117vh, 0); transform: translate3d(84vw, -117vh, 0); } } .circle-container:nth-child(194) .circle { -webkit-animation-delay: 3266ms; animation-delay: 3266ms; } .circle-container:nth-child(195) { width: 2px; height: 2px; -webkit-animation-name: move-frames-195; animation-name: move-frames-195; -webkit-animation-duration: 7167ms; animation-duration: 7167ms; -webkit-animation-delay: 5525ms; animation-delay: 5525ms; } @-webkit-keyframes move-frames-195 { from { -webkit-transform: translate3d(92vw, 108vh, 0); transform: translate3d(92vw, 108vh, 0); } to { -webkit-transform: translate3d(56vw, -121vh, 0); transform: translate3d(56vw, -121vh, 0); } } @keyframes move-frames-195 { from { -webkit-transform: translate3d(92vw, 108vh, 0); transform: translate3d(92vw, 108vh, 0); } to { -webkit-transform: translate3d(56vw, -121vh, 0); transform: translate3d(56vw, -121vh, 0); } } .circle-container:nth-child(195) .circle { -webkit-animation-delay: 3998ms; animation-delay: 3998ms; } .circle-container:nth-child(196) { width: 6px; height: 6px; -webkit-animation-name: move-frames-196; animation-name: move-frames-196; -webkit-animation-duration: 10998ms; animation-duration: 10998ms; -webkit-animation-delay: 7318ms; animation-delay: 7318ms; } @-webkit-keyframes move-frames-196 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(81vw, -108vh, 0); transform: translate3d(81vw, -108vh, 0); } } @keyframes move-frames-196 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(81vw, -108vh, 0); transform: translate3d(81vw, -108vh, 0); } } .circle-container:nth-child(196) .circle { -webkit-animation-delay: 689ms; animation-delay: 689ms; } .circle-container:nth-child(197) { width: 2px; height: 2px; -webkit-animation-name: move-frames-197; animation-name: move-frames-197; -webkit-animation-duration: 9896ms; animation-duration: 9896ms; -webkit-animation-delay: 4624ms; animation-delay: 4624ms; } @-webkit-keyframes move-frames-197 { from { -webkit-transform: translate3d(23vw, 107vh, 0); transform: translate3d(23vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -118vh, 0); transform: translate3d(94vw, -118vh, 0); } } @keyframes move-frames-197 { from { -webkit-transform: translate3d(23vw, 107vh, 0); transform: translate3d(23vw, 107vh, 0); } to { -webkit-transform: translate3d(94vw, -118vh, 0); transform: translate3d(94vw, -118vh, 0); } } .circle-container:nth-child(197) .circle { -webkit-animation-delay: 2005ms; animation-delay: 2005ms; } .circle-container:nth-child(198) { width: 9px; height: 9px; -webkit-animation-name: move-frames-198; animation-name: move-frames-198; -webkit-animation-duration: 8483ms; animation-duration: 8483ms; -webkit-animation-delay: 859ms; animation-delay: 859ms; } @-webkit-keyframes move-frames-198 { from { -webkit-transform: translate3d(34vw, 107vh, 0); transform: translate3d(34vw, 107vh, 0); } to { -webkit-transform: translate3d(78vw, -128vh, 0); transform: translate3d(78vw, -128vh, 0); } } @keyframes move-frames-198 { from { -webkit-transform: translate3d(34vw, 107vh, 0); transform: translate3d(34vw, 107vh, 0); } to { -webkit-transform: translate3d(78vw, -128vh, 0); transform: translate3d(78vw, -128vh, 0); } } .circle-container:nth-child(198) .circle { -webkit-animation-delay: 3332ms; animation-delay: 3332ms; } .circle-container:nth-child(199) { width: 2px; height: 2px; -webkit-animation-name: move-frames-199; animation-name: move-frames-199; -webkit-animation-duration: 7072ms; animation-duration: 7072ms; -webkit-animation-delay: 10235ms; animation-delay: 10235ms; } @-webkit-keyframes move-frames-199 { from { -webkit-transform: translate3d(79vw, 106vh, 0); transform: translate3d(79vw, 106vh, 0); } to { -webkit-transform: translate3d(9vw, -117vh, 0); transform: translate3d(9vw, -117vh, 0); } } @keyframes move-frames-199 { from { -webkit-transform: translate3d(79vw, 106vh, 0); transform: translate3d(79vw, 106vh, 0); } to { -webkit-transform: translate3d(9vw, -117vh, 0); transform: translate3d(9vw, -117vh, 0); } } .circle-container:nth-child(199) .circle { -webkit-animation-delay: 2626ms; animation-delay: 2626ms; } .circle-container:nth-child(200) { width: 4px; height: 4px; -webkit-animation-name: move-frames-200; animation-name: move-frames-200; -webkit-animation-duration: 10965ms; animation-duration: 10965ms; -webkit-animation-delay: 6645ms; animation-delay: 6645ms; } @-webkit-keyframes move-frames-200 { from { -webkit-transform: translate3d(53vw, 109vh, 0); transform: translate3d(53vw, 109vh, 0); } to { -webkit-transform: translate3d(24vw, -115vh, 0); transform: translate3d(24vw, -115vh, 0); } } @keyframes move-frames-200 { from { -webkit-transform: translate3d(53vw, 109vh, 0); transform: translate3d(53vw, 109vh, 0); } to { -webkit-transform: translate3d(24vw, -115vh, 0); transform: translate3d(24vw, -115vh, 0); } } .circle-container:nth-child(200) .circle { -webkit-animation-delay: 2269ms; animation-delay: 2269ms; }