/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}body,html,main,section{width:100%;height:100%}section.scene11,section.scene12 .wrapper,section.scene8{text-align:center}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#BEC300;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}section.scene3,section.scene4{overflow:hidden}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body,html{padding:0;margin:0}main{display:none}body{background-color:#000;color:#fff}body .background,body .background-star1,body .background-star2{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;background:url(../img/background.png) no-repeat;background-size:cover}body .background-star1{background-image:url(../img/background-star1.png);-webkit-animation:Flickering 3s infinite;animation:Flickering 3s infinite}body .background-star2{background-image:url(../img/background-star2.png);-webkit-animation:Flickering 5s infinite;animation:Flickering 5s infinite;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes Flickering{from,to{opacity:1}50%{opacity:.2}}section{position:relative}section .flaming{-webkit-animation:Flaming 3s infinite;animation:Flaming 3s infinite}section .scaling{-webkit-animation:Scaling 6s infinite;animation:Scaling 6s infinite}@-webkit-keyframes Flaming{from,to{opacity:.9}50%{opacity:.4}}@-webkit-keyframes Scaling{from,to{-webkit-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.05,1.05);transform:translate(-50%,-50%) scale(1.05,1.05)}}@-webkit-keyframes Floating{0%,100%{-webkit-transform:translate(-50%,-50%)}65%{-webkit-transform:translate(-50%,-46%)}}a:hover{color:#BEC300}.loader{position:fixed;top:0;left:0;-webkit-transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.loader h3{top:45%;left:50%}.loader p{top:50%;left:50%;letter-spacing:.2em}.loader.hide{visibility:hidden;opacity:0;z-index:-1}.scroll-top{display:none;position:fixed;z-index:999;bottom:10px;right:0;height:40px;width:40px}.scroll-top img{top:50%;left:50%;width:15px;-webkit-animation:Floating 1s ease-in-out infinite;animation:Floating 1s ease-in-out infinite}section.scene1 .main-object{display:inline-block;top:50%;left:48%;width:75%;-webkit-animation:Floating 4s infinite ease-in-out}section.scene1 .star1{top:44%;left:12%;width:11%;-webkit-animation:Floating 2s infinite ease-in-out}section.scene1 .star2{top:29%;left:34%;width:7%;-webkit-animation:Floating 1.8s infinite ease-in-out}section.scene1 .star3{top:59%;left:89%;width:13%;-webkit-animation:Floating 1s infinite ease-in-out}section.scene1 .star4{top:72%;left:34%;width:6%;-webkit-animation:Floating 1.5s infinite ease-in-out}section.scene1 .cover{top:50%;left:50%;background:url(../img/scene1/cover-background.png) no-repeat;background-size:contain;height:30%;padding:20px}section.scene1 .cover h1{margin-top:20%}section.scene2 .cover{top:45%;left:50%}section.scene3{height:150%}section.scene3 .planets-wrapper{width:100%;height:100%}section.scene3 .planets-wrapper>div{position:absolute;width:500%;height:200%;left:-200%;border:1px solid;border-radius:100%}section.scene3 .planets-wrapper>div>img{position:absolute}section.scene3 .planets-wrapper .mercury{top:95%}section.scene3 .planets-wrapper .mercury img{left:50%;top:-.5%}section.scene3 .planets-wrapper .venus{top:90%}section.scene3 .planets-wrapper .venus img{left:46%;top:-1.5%}section.scene3 .planets-wrapper .earth{top:85%}section.scene3 .planets-wrapper .earth img{left:50%;top:-1.5%}section.scene3 .planets-wrapper .mars{top:75%}section.scene3 .planets-wrapper .mars img{left:49%;top:-1%}section.scene3 .planets-wrapper .jupiter{top:60%}section.scene3 .planets-wrapper .jupiter img{left:47%;top:-1.5%}section.scene3 .planets-wrapper .saturn{top:30%}section.scene3 .planets-wrapper .saturn img{left:46%;top:-1.5%}section.scene3 .planets-wrapper .uranus{top:15%}section.scene3 .planets-wrapper .uranus img{left:47%;top:-.5%}section.scene3 .planets-wrapper .neptune{top:2%}section.scene3 .planets-wrapper .neptune img{left:50%;top:-1%}section.scene4 .sun{position:relative;top:32%}section.scene4 .sun>img{position:absolute;width:100%;max-width:400px;left:50%;top:50%}section.scene4 .sun>img.flaming{z-index:-1}section.scene4 .cover{top:33%;left:50%;z-index:10}section.scene4 .description{width:80%;left:50%;top:75%;line-height:1.5em}section.scene4 .description span.more{color:#BEC300;font-size:12px;text-decoration:none}section.scene4 .description span.more img{width:15px;-webkit-transform:translate(0,4px);transform:translate(0,4px)}section.scene10 .cover,section.scene13 .cover,section.scene5 .cover,section.scene7 .cover{top:50%;left:50%;width:82%}section.scene6 .main-sequence-star{width:100%;height:80%;left:0;top:20%}section.scene6 .star-wrapper{position:relative;height:8%;margin-bottom:4.5%}section.scene6 .star-wrapper>*{position:absolute}section.scene6 .star-wrapper h3{left:25%;top:30%;margin:0}section.scene6 .star-wrapper img{left:34%;height:100%;margin:0 15px}section.scene6 .star-wrapper span{left:62%;top:15%;padding:7px 6px;border:1px solid;font-size:12px}section.scene8 h2{display:inline-block;padding:8px 6px;margin-top:2em}section.scene8 img{margin-top:30px;width:90%}section.scene8 img.glowing{position:absolute;left:5%;-webkit-animation:Glowing 1s infinite;animation:Glowing 1s infinite}@-webkit-keyframes Glowing{from,to{opacity:.1}50%{opacity:.9}}section.scene9 .main-sequence-star{width:80%;height:90%;left:50%;top:50%}section.scene9 .star-wrapper.a-type .dots,section.scene9 .star-wrapper.f-type .dots{width:36%;left:10%}section.scene9 .main-sequence-star p{font-size:14px;text-align:center}section.scene9 .star-wrapper{position:relative;margin-bottom:10%}section.scene9 .star-wrapper>*{position:absolute}section.scene9 .star-wrapper img{height:100%}section.scene9 .star-wrapper span{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}section.scene9 .star-wrapper span.radius{left:50%}section.scene9 .star-wrapper span.label{left:64%;padding:7px 6px;border:1px solid;font-size:12px}section.scene9 .star-wrapper span.type{right:0}section.scene9 .star-wrapper.o-type{height:23.44%}section.scene9 .star-wrapper.b-type{height:11.72%}section.scene9 .star-wrapper.b-type .dots{left:26%}section.scene9 .star-wrapper.a-type{height:3.98%}section.scene9 .star-wrapper.f-type{height:3.04%}section.scene9 .star-wrapper.g-type{height:2.34%}section.scene9 .star-wrapper.g-type .dots.left{left:10%;width:10%}section.scene9 .star-wrapper.g-type .dots.right{left:36%;width:10%}section.scene9 .star-wrapper.g-type .sun{left:22%;font-size:12px;color:#C9C335;padding:2px 3px;border:1px solid}section.scene9 .star-wrapper.g-type .radius{color:#C9C335}section.scene9 .star-wrapper.k-type,section.scene9 .star-wrapper.m-type{height:1.87%}section.scene9 .star-wrapper.k-type .dots,section.scene9 .star-wrapper.m-type .dots{left:10%;width:36%}section.scene11 .main-sequence-star{width:80%;height:40%;left:10%;top:5%}section.scene11 .main-sequence-star p.double-border-heading{display:inline-block;font-size:14px;padding:8px 4px}section.scene11 .main-sequence-star .star-wrapper{position:relative;margin-bottom:2%}section.scene11 .main-sequence-star .star-wrapper>*{position:absolute}section.scene11 .main-sequence-star .star-wrapper img{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:25%;height:100%}section.scene11 .main-sequence-star .star-wrapper span{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}section.scene11 .main-sequence-star .star-wrapper span.label{left:50%;padding:3px 4px;border:1px solid;font-size:12px}section.scene11 .main-sequence-star .star-wrapper span.type{right:10%}section.scene11 .main-sequence-star .star-wrapper.o-type{height:23.44%}section.scene11 .main-sequence-star .star-wrapper.b-type{height:11.72%;margin-bottom:7%}section.scene11 .main-sequence-star .star-wrapper.a-type{height:3.98%;margin-bottom:10%}section.scene11 .main-sequence-star .star-wrapper.f-type{height:3.04%;margin-bottom:10%}section.scene11 .main-sequence-star .star-wrapper.g-type{height:2.34%;margin-bottom:10%}section.scene11 .main-sequence-star .star-wrapper.g-type .dots.left{left:28%;width:3%}section.scene11 .main-sequence-star .star-wrapper.g-type .dots.right{left:45%;width:3%}section.scene11 .main-sequence-star .star-wrapper.g-type .sun{left:32%;font-size:12px;color:#C9C335;padding:2px 3px;border:1px solid}section.scene11 .main-sequence-star .star-wrapper.k-type,section.scene11 .main-sequence-star .star-wrapper.m-type{height:1.87%;margin-bottom:10%}section.scene11 .control{width:20px}section.scene11 .control img{width:100%}section.scene11 .control.prev{left:10px}section.scene11 .control.next{right:10px}section.scene11 .timeline-wrapper{width:80%;height:30%;left:10%;top:65%}section.scene11 .timeline-wrapper .unit{width:14px;font-size:12px;word-break:break-all}section.scene11 .timeline-wrapper .arrow{border-top:2px solid;border-right:2px solid;right:1px;width:10px;height:10px;-webkit-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}section.scene11 .timeline-wrapper .timeline{position:relative;height:100%;margin-left:14px;overflow:hidden}section.scene11 .timeline-wrapper .timeline .main-line{width:800px;border-top:2px solid;left:10px}section.scene11 .timeline-wrapper .timeline .current-point{width:15px;height:15px;background:url(../img/scene11/point.png) center center no-repeat;background-size:contain;z-index:10;left:10px;top:50%}section.scene11 .timeline-wrapper .timeline .graduation{position:absolute;top:50%;width:2px;height:10px;background:#fff;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}section.scene11 .timeline-wrapper .timeline .b-type .label,section.scene11 .timeline-wrapper .timeline .o-type .label{width:84px}section.scene11 .timeline-wrapper .timeline .graduation span{position:absolute;-webkit-transform:translate(-50%,-160%);transform:translate(-50%,-160%);font-size:12px}section.scene11 .timeline-wrapper .timeline .graduation span.label.bottom{opacity:0;-webkit-transform:translate(-7%,100%);transform:translate(-7%,100%)}section.scene11 .timeline-wrapper .timeline .graduation span.label.top{opacity:0;-webkit-transform:translate(-7%,-260%);transform:translate(-7%,-260%)}section.scene11 .timeline-wrapper .timeline .graduation img{opacity:0}section.scene11 .timeline-wrapper .timeline .zero{left:10px;height:20px}section.scene11 .timeline-wrapper .timeline .o-type{left:20px}section.scene11 .timeline-wrapper .timeline .b-type{left:46px}section.scene11 .timeline-wrapper .timeline .earth{left:154px}section.scene11 .timeline-wrapper .timeline .earth img{position:absolute;-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%);height:32px}section.scene11 .timeline-wrapper .timeline .earth .label{width:144px}section.scene11 .timeline-wrapper .timeline .a-type{left:330px}section.scene11 .timeline-wrapper .timeline .a-type .label{width:84px}section.scene11 .timeline-wrapper .timeline .terrestrial-animals{left:650px}section.scene11 .timeline-wrapper .timeline .terrestrial-animals .label{-webkit-transform:translate(-50%,90%)!important;transform:translate(-50%,90%)!important;width:108px}section.scene11 .timeline-wrapper .timeline .human-being{left:750px}section.scene11 .timeline-wrapper .timeline .human-being img{position:absolute;-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%);height:32px}section.scene11 .timeline-wrapper .timeline .human-being .label{width:48px;-webkit-transform:translate(-30%,90%)!important;transform:translate(-30%,90%)!important}section.scene12 .wrapper{width:90%;height:90%;left:50%;top:50%}section.scene12 .wrapper p{text-align:left;font-size:12px;padding:6px 4px}section.scene13 h2,section.scene15{text-align:center}section.scene12 .wrapper img{height:85%;height:calc(90% - 66px)}section.scene14 .red-dwarf h3{top:48%;left:50%;padding:6px 8px;border:1px solid;z-index:10}section.scene14 .red-dwarf img{width:95%;max-width:400px;left:50%;top:50%}section.scene14 .red-dwarf img.superman{top:60%;width:44px}section.scene15 .wrapper{top:50%;left:50%;width:80%}section.scene15 p{font-size:15px;line-height:1.8em;letter-spacing:1px}.cover p,.popup .wrapper .section p{line-height:1.5em;letter-spacing:.1em}.popup{visibility:hidden;opacity:0;z-index:-1;position:fixed;height:100%;width:100%;background:#000;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.popup.show{visibility:visible;z-index:9999;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.popup .close-button{display:inline-block;position:absolute;top:50px;right:20px;width:28px;height:28px;border:1px solid #eee}.popup .close-button:after,.popup .close-button:before{position:absolute;top:2px;left:13px;content:' ';height:24px;width:1px;background-color:#fff}.popup .close-button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popup .close-button:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.popup .wrapper{height:calc(100% - 110px);width:calc(100% - 40px);margin:90px 20px 20px;overflow:scroll;-webkit-overflow-scrolling:touch}.popup .wrapper .section{text-align:center;height:100%}.popup .wrapper .section h3{display:inline-block;padding:8px 6px}.popup .wrapper .section p{text-align:left;font-size:14px}.popup .wrapper .section p.border{border:1px solid;padding:10px 15px}.popup .wrapper .section img{width:100%}.popup .wrapper .scroll-hint{position:relative;margin-top:3em}.popup .wrapper .scroll-hint .line{position:absolute;left:50%;top:-40px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:1px;height:30px;background:#fff}.float{position:absolute}.translate-center{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.translate-vertical-center{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%}.cover{width:83%}.cover h1{position:relative;text-align:center;margin:.3em 0}.cover h1 .issue-number{position:absolute;top:-100%;font-size:.7em;margin-left:1%;border-bottom:1px solid}.cover p.subtitle{font-size:.8em}.double-border-heading{border-top:1px solid;border-bottom:1px solid}.dots{display:inline-block;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);height:1px;width:20%;background-image:-webkit-linear-gradient(left,#fff 40%,rgba(255,255,255,0) 20%);background-image:linear-gradient(to right,#fff 40%,rgba(255,255,255,0) 20%);background-position:left;background-size:3px 1px;background-repeat:repeat-x}