@import url('https://fonts.googleapis.com/css?family=Merriweather');@font-face{font-family:'Source Sans Pro';src:url('../../../fonts/source/sourceSansPro-bold.woff2') format('woff2'), url('../../../fonts/source/sourceSansPro-bold.woff') format('woff'), url('../../../fonts/source/sourceSansPro-bold.ttf') format('truetype');font-weight:bold;font-style:normal}@font-face{font-family:'Source Sans Pro';src:url('../../../fonts/source/sourceSansPro-regular.woff2') format('woff2'), url('../../../fonts/source/sourceSansPro-regular.woff') format('woff'), url('../../../fonts/source/sourceSansPro-regular.ttf') format('truetype');font-weight:normal;font-style:normal}.font_2{font-family:'Merriweather', serif}.hide{display:none}.absolute_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.transform_center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{position:relative;z-index:0;min-width:320px;padding:0 20px;font-family:'Source Sans Pro', sans-serif;font-size:1.4rem;line-height:1.2em;background-color:#f0f0f0;color:#111}label{cursor:pointer}div{overflow:hidden}footer,header,main{display:block}main{max-width:100%;width:800px;margin:0 auto 50px;padding-top:20px}table{border-collapse:collapse}input{position:fixed;top:0;left:0;opacity:0;visibility:hidden}.btn{height:33px;padding:0 15px;background:#2196f3;border-radius:5px;color:#fff;outline:none;border:none;cursor:pointer;line-height:33px;text-transform:uppercase}.btn:active,.btn:hover{background:#0b76cc}h1{margin-bottom:10px;font-size:7rem;line-height:0.9em;text-align:center}.article_date{display:block;margin-bottom:30px;text-align:center;font-size:2rem;line-height:1.2em;color:#999}.article_desc{width:500px;max-width:100%;margin:0 auto 50px;text-align:center;font-size:2rem;line-height:1.2em}.animations_container{box-shadow:0 0 15px rgba(0, 0, 0, 0.1)}.animation_wrap{position:relative;float:left;width:50%;padding-bottom:30%;background:#ccc}.animation_wrap .animation_wrap_inner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.animation_wrap .animation_wrap_inner *{position:relative}.animation_wrap .animation_back{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);pointer-events:none;-webkit-filter:opacity(0.3);filter:opacity(0.3)}.animation_wrap .animation_title{margin-bottom:10px;text-transform:uppercase}.animation_wrap .animation_subtitle{margin:-4px 0 6px;color:#333;font-weight:400}.animation_wrap .btn_stop{display:none}.clock_is_playing .animation_clock .btn_stop,.console_is_playing .animation_console .btn_stop,.ghost_is_playing .animation_ghost .btn_stop,.goomba_is_playing .animation_goomba .btn_stop,.moon_is_playing .animation_moon .btn_stop,.snow_is_playing .animation_snow .btn_stop,.sun_is_playing .animation_sun .btn_stop,.time_is_playing .animation_time .btn_stop,.worm_is_playing .animation_worm .btn_stop{display:block}.clock_is_playing .animation_clock .btn_play,.console_is_playing .animation_console .btn_play,.ghost_is_playing .animation_ghost .btn_play,.goomba_is_playing .animation_goomba .btn_play,.moon_is_playing .animation_moon .btn_play,.snow_is_playing .animation_snow .btn_play,.sun_is_playing .animation_sun .btn_play,.time_is_playing .animation_time .btn_play,.worm_is_playing .animation_worm .btn_play{display:none}.animation_snow{background:#e3f2fd}.animation_snow .animation_back{font-size:30rem;line-height:1.2em;color:#2196f3}.animation_snow .animation_back.type2{display:none}.animation_time{background:#ffebee}.animation_time .animation_back{font-size:9rem;line-height:1.2em;color:#f44336}.animation_time .btn{background:#f44336}.animation_time .btn:active,.animation_time .btn:hover{background:#e11b0c}.animation_clock{background:#fafafa}.animation_clock .animation_back{font-size:19rem;line-height:1.2em;color:#9e9e9e}.animation_clock .btn{background:#9e9e9e}.animation_clock .btn:active,.animation_clock .btn:hover{background:#7f7f7f}.animation_worm{background:#fffde7}.animation_worm .animation_back{width:20px;height:20px;margin:-23px 0 0 -97px;color:#fff;box-shadow:0px 20px 0 #3498db,
			20px 20px 0 #f1c40f,
			20px 0px 0 #3498db,
			40px 0px 0 #f1c40f,
			60px 0px 0 #3498db,
			60px 20px 0 #f1c40f,
			80px 20px 0 #3498db;-webkit-transform:translate3d(-50%, -50%, 0) scale(2.5);transform:translate3d(-50%, -50%, 0) scale(2.5)}.animation_worm .btn{background:#ffeb3b}.animation_worm .btn:active,.animation_worm .btn:hover{background:#fde300}.animation_sun{background:#fff3e0}.animation_sun .animation_back{width:100px;height:100px;border-radius:50%;background:#ff9800;box-shadow:0 0 40px #e65100;color:#fff}.animation_sun .btn{background:#ff9800}.animation_sun .btn:active,.animation_sun .btn:hover{background:#c27400}.animation_ghost{background:#f3e5f5}.animation_ghost .animation_back{color:#9c27b0;font-size:20rem;line-height:1.2em}.animation_ghost .btn{background:#9c27b0}.animation_ghost .btn:active,.animation_ghost .btn:hover{background:#701c7e}.animation_goomba{background:#efebe9}.animation_goomba .animation_back{width:64px;height:64px;background-repeat:no-repeat;background-image:linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#f3d575, #f3d575), linear-gradient(#f3d575, #f3d575), linear-gradient(#f3d575, #f3d575), linear-gradient(#f3d575, #f3d575), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#f3d575, #f3d575), linear-gradient(#f3d575, #f3d575), linear-gradient(#c16d15, #c16d15), linear-gradient(#c16d15, #c16d15), linear-gradient(#c16d15, #c16d15), linear-gradient(#c16d15, #c16d15), linear-gradient(#c16d15, #c16d15), linear-gradient(#c16d15, #c16d15), linear-gradient(#c16d15, #c16d15);background-size:16px 4px, 4px 12px, 4px 12px, 8px 4px, 8px 4px, 4px 8px, 8px 16px, 4px 8px, 8px 16px, 20px 8px, 20px 8px, 8px 4px, 20px 8px, 20px 8px, 8px 4px, 32px 12px, 24px 20px, 64px 12px, 56px 24px, 48px 4px, 40px 4px, 32px 4px, 24px 4px, 16px 4px;background-position:24px 24px, 40px 20px, 20px 20px, 44px 16px, 12px 16px, 36px 28px, 40px 20px, 24px 28px, 16px 20px, 36px 56px, 40px 52px, 48px 48px, 8px 56px, 4px 52px, 8px 48px, 16px 44px, 20px 40px, 0px 28px, 4px 20px, 8px 16px, 12px 12px, 16px 8px, 20px 4px, 24px 0px;line-height:1.2em;-webkit-transform:translate3d(-50%, -50%, 0) scale(3);transform:translate3d(-50%, -50%, 0) scale(3)}.animation_goomba .btn{background:#795548}.animation_goomba .btn:active,.animation_goomba .btn:hover{background:#533a31}.animation_console{background:#f9fbe7}.animation_console .animation_back{color:#cddc39;font-size:15rem;line-height:1.2em}.animation_console .btn{background:#cddc39}.animation_console .btn:active,.animation_console .btn:hover{background:#a9b720}.animation_star{background:#efebe9}.animation_star .animation_back{top:0;left:0;width:100%;height:100%;background:url('../images/star_still.svg') center center no-repeat;background-size:50% auto;-webkit-transform:none;transform:none}.animation_star .btn{background:#795548}.animation_star .btn:active,.animation_star .btn:hover{background:#533a31}.animation_moon{background:#e8eaf6}.animation_moon .animation_back{font-size:18rem;line-height:1.2em;color:#9e9e9e}.animation_moon .btn{background:#3f51b5}.animation_moon .btn:active,.animation_moon .btn:hover{background:#2f3d88}@media (max-width:840px){h1{font-size:6rem}.animation_snow .animation_back.type1{display:none}.animation_snow .animation_back.type2{display:block;top:90%;font-size:50vw}.animation_time .animation_back{font-size:10.71vw}.animation_clock .animation_back{font-size:22.61vw}.animation_ghost .animation_back{font-size:23.8vw}.animation_console .animation_back{font-size:17.85vw}.animation_moon .animation_back{font-size:22vw}.animation_goomba .animation_back{-webkit-transform:translate3d(-50%, -50%, 0) scale(2.4);transform:translate3d(-50%, -50%, 0) scale(2.4)}}@media (max-width:600px){.animation_worm .animation_back{margin:-18px 0 0 -65px;-webkit-transform:translate3d(-50%, -50%, 0) scale(1.6);transform:translate3d(-50%, -50%, 0) scale(1.6)}.animation_goomba .animation_back{-webkit-transform:translate3d(-50%, -50%, 0) scale(1.4);transform:translate3d(-50%, -50%, 0) scale(1.4)}}@media (max-width:480px){.animation_wrap{width:100%;padding-bottom:60%}.animation_snow .animation_back.type2{font-size:100vw}.animation_time .animation_back{font-size:17vw}.animation_clock .animation_back{font-size:29vw}.animation_ghost .animation_back{font-size:29vw}.animation_console .animation_back{font-size:25vw}.animation_moon .animation_back{font-size:29vw}.animation_worm .animation_back{margin:-26px 0 0 -103px;-webkit-transform:translate3d(-50%, -50%, 0) scale(2.6);transform:translate3d(-50%, -50%, 0) scale(2.6)}.animation_goomba .animation_back{-webkit-transform:translate3d(-50%, -50%, 0) scale(2.4);transform:translate3d(-50%, -50%, 0) scale(2.4)}}@media (max-width:400px){h1{font-size:4.5rem}}