*{margin:0;padding:0;font-family:Raleway,sans-serif;color:#fff}body{background:#034;background-image:url(https://www.nasa.gov/sites/default/files/thumbnails/image/64884main_image_feature_211_jwfull.jpg);background-repeat:no-repeat;background-position:0 15%;background-size:cover}a{text-decoration:none}a:hover{color:#fffc7f}.navbar{display:inline;display:-webkit-flex;display:flex;color:#fff;border:1px solid #fff;height:auto;font-weight:300;overflow:hidden}.nav_section{border:1px dotted #c2a9a2;padding-top:2px;padding-left:5px}.nav_section:hover{color:#ff7;text-transform:uppercase;font-size:80%;transition:2s}@media only screen and (max-width:800px){.nav_section{font-size:14px;margin-width:auto}.nav_section:hover{font-size:11px}}#phi{flex:1;background-color:rgba(102,116,129,.3)}#phi:hover{flex:2;background-color:rgba(102,116,129,.5)}#color{flex:1;background-color:rgba(156,162,210,.3)}#color:hover{flex:3;background-color:rgba(156,162,210,.5)}#harmony{flex:2;background-color:rgba(114,125,181,.3)}#harmony:hover{flex:5;background-color:rgba(114,125,181,.5)}#space{flex:3;background-color:rgba(194,169,162,.3)}#space:hover{flex:8;background-color:rgba(194,169,162,.5)}#quantum{flex:5;background-color:rgba(174,147,136,.5)}#quantum:hover{flex:13;background-color:rgba(174,147,136,.8)}h1{font-size:55px}@media only screen and (max-width:800px){h1{font-size:36px;margin-width:auto}}.section{height:100%;width:auto;border-bottom:4px dotted #000;padding:21px;margin-left:55px}h1:hover{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),0 0 10px #727db5,0 0 10px #727db5,0 0 20px #727db5,0 0 30px #727db5}p{font-size:18px;line-height:125%}@media only screen and (max-width:800px){p{font-size:13px}}div.slide-left{width:100%;height:300px;padding-top:34px;overflow:hidden}div.slide-left h1{animation:slide-left 1.8s}@keyframes slide-left{from{margin-left:100%;margin-top:100%;width:300%}to{margin-left:0;margin-top:0;width:100%}}div.wrap{width:960px;margin:0 auto;padding:60px 0;background-color:(0,0,0,.25)}section{display:block;position:relative}header{text-align:center}header h1{font-size:126px;line-height:1;color:#eee5a2;text-transform:uppercase;text-shadow:5px 5px #32312b}header p{font-size:24px;color:#6a695f;margin:0 0 10px}header p.disclaimer{font-size:13px;color:#33373d}ul.solarsystem{position:relative;height:640px;list-style:none;-webkit-transition:all 90ms ease-in;-moz-transition:all 90ms ease-in;-o-transition:all 90ms ease-in;transition:all 90ms ease-in;overflow:hidden}ul.solarsystem li{text-indent:-9999px;display:block;position:absolute;border:2px solid #394057}ul.solarsystem li span{display:block;position:absolute;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}ul.solarsystem li.active{border-color:#aa4200}ul.solarsystem li.active span,ul.solarsystem li.active.sun{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}ul.solarsystem li.active.earth .moon,ul.solarsystem li.active.sun span{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}ul.solarsystem li.sun{width:40px;height:40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#00688b;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.22,#09c),color-stop(1,#00688b));background-image:-moz-linear-gradient(center bottom,#00688b 22%,#ffdb70 100%);top:302px;left:462px;border:none;-webkit-box-shadow:0 0 50px #c90;-moz-box-shadow:0 0 50px #c90;box-shadow:0 0 50px #c90;z-index:100;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}ul.solarsystem li.sun span{width:60px;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}ul.solarsystem li.mercury{width:100px;height:100px;-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px;top:270px;left:430px;z-index:99}ul.solarsystem li.mercury span{background:#b6bac5;top:10px;left:10px}ul.solarsystem li.venus{width:180px;height:180px;-webkit-border-radius:182px;-moz-border-radius:182px;border-radius:182px;top:230px;left:390px;z-index:98}ul.solarsystem li.venus span{background:#fdb813;top:125px;left:5px}ul.solarsystem li.mars{width:280px;height:280px;-webkit-border-radius:142px;-moz-border-radius:142px;border-radius:142px;top:180px;left:340px;z-index:96}ul.solarsystem li.mars span{background:#aa4200;top:0;left:175px}ul.solarsystem li.asteroids_meteorids{top:155px;left:315px;z-index:1;background:url(asteroids_meteorids.png) no-repeat 0 0;width:330px;height:330px;-webkit-border-radius:165px;-moz-border-radius:165px;border-radius:165px;border:none}ul.solarsystem li.jupiter{width:340px;height:340px;-webkit-border-radius:172px;-moz-border-radius:172px;border-radius:172px;top:150px;left:310px;z-index:95}ul.solarsystem li.jupiter span{background:#e0ae6f;top:67px;left:24px}ul.solarsystem li.saturn{width:400px;height:400px;-webkit-border-radius:202px;-moz-border-radius:202px;border-radius:202px;top:120px;left:280px;z-index:94}ul.solarsystem li.saturn span{background:#dfd3a9;top:24px;left:300px}ul.solarsystem li.saturn span.ring{width:12px;height:12px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:0 0;border:2px solid #5a4e34;left:-3px;top:-3px;-webkit-transform:skewY(50deg);-moz-transform:skewY(50deg);-o-transform:skewY(50deg);transform:skewY(50deg)}ul.solarsystem li.uranus{width:460px;height:460px;-webkit-border-radius:232px;-moz-border-radius:232px;border-radius:232px;top:90px;left:250px;z-index:93}ul.solarsystem li.uranus span{background:#82b3d1;top:7px;left:300px}ul.solarsystem li.neptune{width:520px;height:520px;-webkit-border-radius:262px;-moz-border-radius:262px;border-radius:262px;top:60px;left:220px;z-index:92}ul.solarsystem li.neptune span{background:#77c2ec;top:0;left:200px}ul.solarsystem li.pluto{width:580px;height:580px;-webkit-border-radius:292px;-moz-border-radius:292px;border-radius:292px;top:30px;left:190px;z-index:91}ul.solarsystem li.pluto span{background:#7c6a5c;top:79px;left:79px}ul#descriptions{position:absolute;top:150px;right:100px;list-style:none}ul#descriptions h2{cursor:pointer;color:#386077;-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;font-size:20px;position:relative;z-index:101;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}ul#descriptions h2:hover{color:#aa4200;-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}ul#descriptions li p{position:absolute;left:-250px;top:0;width:200px;display:inline;opacity:0;visibility:hidden;font-size:13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;background:#0f132c;padding:30px;color:#767892;line-height:1.7;z-index:100;border:1px solid #1c203c}ul#descriptions h2:hover+p{visibility:visible;opacity:.9;left:-280px}ul.solarsystem li{-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:orbit;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-moz-animation-name:orbit}ul.solarsystem li.earth span{-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-name:moon;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-moz-animation-name:moon}ul.solarsystem li.mercury{-webkit-animation-duration:5s;-moz-animation-duration:5s}ul.solarsystem li.venus{-webkit-animation-duration:8s;-moz-animation-duration:8s}ul.solarsystem li.earth{-webkit-animation-duration:12s;-moz-animation-duration:12s}ul.solarsystem li.earth span{-webkit-animation-duration:2s;-moz-animation-duration:2s}ul.solarsystem li.mars{-webkit-animation-duration:20s;-moz-animation-duration:20s}ul.solarsystem li.asteroids_meteorids{-webkit-animation-duration:50s;-moz-animation-duration:50s}ul.solarsystem li.jupiter{-webkit-animation-duration:30s;-moz-animation-duration:30s}ul.solarsystem li.saturn{-webkit-animation-duration:60s;-moz-animation-duration:60s}ul.solarsystem li.uranus{-webkit-animation-duration:70s;-moz-animation-duration:70s}ul.solarsystem li.neptune{-webkit-animation-duration:100s;-moz-animation-duration:100s}ul.solarsystem li.pluto{-webkit-animation-duration:120s;-moz-animation-duration:120s}@-webkit-keyframes orbit{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes moon{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes orbit{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-moz-keyframes moon{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}.footer{display:inline;display:-webkit-flex;display:flex;color:#fff;height:auto;background-color:rgba(0,0,0,.5) margin: 20px;padding-top:50px;padding-left:20px;padding-bottom:50px;padding-right:20px}.footer h3{color:#fffc7f;text-transform:uppercase}#background_image{flex:1.618}.footer a{color:#fffc7f;font-size:28}.footer_section{flex:1;border:1px dotted #c2a9a2;padding-top:2px;padding-left:5px}#copyright{margin-left:10px;padding-left:25px}.footer small{font-size:14px}