add nasa

static/css/style.css

@@ -30,7 +30,6 @@ p {
 	font-size: 5rem;
 }
 .logo {
-	margin: 35px 0;
 	text-align:center;
 }
 .containerx {
@@ -45,8 +44,26 @@ article {
 	background: #fff;
 }
 
+.stars {
+	background: #313131;
+}
+
+footer.footer {
+	/* margin-top:100px; */
+	text-align: center;
+	height:60px;
+	padding-top:100px;
+	color: #fff700;
+	font-size: 20px;
+	background-color:#313131;
+	position: relative;
+}
+
+footer.footer a {
+	color: #fff700;
+}
+
 footer#footer {
-	margin-top:100px;
 	text-align: center;
 	height:60px;
 	padding-top:100px;
@@ -334,6 +351,7 @@ span.menu-right-top div#app {
 
 div#container {
 	background-color: #fff;
+	margin-bottom: 100px;
 }
 
 .story {
@@ -366,6 +384,10 @@ header#header {
 	position: relative;
 }
 
+#minimap {
+	display: none;
+}
+
 .top-card {
 	margin:0 auto;
 	text-align: center;
@@ -490,7 +512,7 @@ header#header {
 }
 
 nav.navbar.navbar-expand-lg.navbar-light.bg-light{
-	border-bottom: solid 1px #fff;
+	border-bottom: solid 2px #f1f1f1;
 	background: #313131;
 }
 
@@ -1258,6 +1280,49 @@ button.comment_open:hover {
 	margin: 0 auto;
 }
 
+.outer p {
+	padding: 30px;
+}
+
+.outer h2 {
+	padding: 30px;
+}
+
+.sns-link {
+	background: #fff;
+	margin: 50px 0;
+	padding: 30px;
+}
+
+.nasa {
+	display: none;
+}
+
+.sun-button {
+	position: absolute;
+	margin: 0 auto;
+	text-align: center;
+	width: 100%;
+}
+
+.sun-particles {
+	display: block;
+}
+
+.sun-button img {
+	width: 50px;
+	margin: 40% 0 0 0;
+	-webkit-transition: 0.8s;
+	-moz-transition: 0.8s;
+	-o-transition: 0.8s;
+	-ms-transition: 0.8s;
+	transition: 0.8s;
+}
+
+img#sun-img-button:hover {
+	background:#fff700a6;
+}
+
 @media screen and (max-width:1000px) { 
 	html {
 		font-size: 100%; 
@@ -1284,4 +1349,11 @@ button.comment_open:hover {
 	.content p img {
 		width:100%;
 	}
+	.outer p {
+		padding: 15px;
+	}
+	.outer h2 {
+		padding: 15px;
+	}
 }
+