*{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}.text_container{width:400px;height:auto;float:left;position:relative;background-color:rgba(0,0,0,.5);padding:10px;margin:15px;color:#fff}.image_container{width:auto;height:auto;float:left;background-color:rgba(0,0,0,.5);padding:10px;margin:15px;color:#fff}.full_container{width:900px;background-color:rgba(0,0,0,.5);display:flex;padding:15px;margin:15px;color:#fff;justify-content:space-between}.image_flex{flex:1;margin:15px;padding:15px}table{border:3px dotted;background-color:rgba(0,0,0,.5);padding:5px}td{margin:10px}.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%}}#sun{background:#fffc7f;box-shadow:0 0 50px #fffc7f;width:150px;height:150px;margin-top:-200px;top:25%;left:25%;border-radius:50%}#moon{background:#222;left:50%;width:150px;height:150px;margin:50px;border-radius:50%}#moon:hover{margin-top:-150px;transition:2s ease-in;-webkit-transition:2s ease-in;-moz-transition:2s ease-in}#perc{position:relative;width:100%;text-align:center;margin-top:-120px;margin-bottom:55px;color:#fff}.accordion section{height:113px;overflow:hidden;transition:height 1s}.accordion section:hover{height:121px;overflow:hidden;transition:height 1s}#phi_section{background-color:rgba(102,116,129,.3);display:inline-block}h2{font-family:'Josefin Slab',serif;font-size:34px}#color_section{background-color:rgba(156,162,210,.3)}#harmony_section{background-color:rgba(114,125,181,.3)}#space_section{background-color:rgba(194,169,162,.3)}#quantum_section{background-color:rgba(174,147,136,.5)}.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);z-index:99999;opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;transition:opacity .4s ease-in;pointer-events:none}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog>div{width:500px;position:relative;margin:10% auto;padding:5px 20px 13px 20px;border-radius:10px;background:#000;background:-moz-linear-gradient(#000,#034);background:-webkit-linear-gradient(#000,#034);background:-o-linear-gradient(#000,#034)}.close{background:#606061;color:#fff;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}.close:hover{background:#00d9ff}.button{background-color:#fffc7f;border:5px;height:250px;width:auto;box-shadow:10px 10px 10px #000;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:32px}#launchHCL{font-size:36px;background-color:#fffc7f;color:#000;text-align:center}#launchHCL:hover{background-color:#fff;font-size:38px;transition:1s}.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}