move discord page css to its own file

Project-Earth-Team · Apr 16, 2021 · 00c56a7 · 00c56a7
1 parent 2bbf09c
commit 00c56a7
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 41 deletions.
diff --git a/discord.css b/discord.css
@@ -0,0 +1,39 @@
+body, html {
+	overflow: hidden;
+	margin: 0;
+	height: 100%;
+	position: relative;
+	color: white;
+	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+	font-size: 25px;
+	background-color: rgba(0, 31, 0, 0.5);
+}
+
+.bgimg {
+	background-image: url('https://www.minecraft.net/content/dam/games/earth/key-art/SunsetMCE_KeyArt_1170_NoLogo.jpg');
+ 	filter: blur(10px);
+	height: 100%;
+	background-position: center;
+	background-size: cover;
+}
+
+.middle {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	text-align: center;
+}
+
+hr {
+	margin: auto;
+	width: 40%;
+}
+
+ a {
+	color: #5566ff;
+}
+
+a:hover {
+	color: #5555ff;
+}
diff --git a/discord.html b/discord.html
@@ -12,47 +12,6 @@
 		<script>
 			window.location.replace('https://discord.gg/bKyEhDW592');
 		</script>
-		<style>
-		  body, html {
-		    overflow: hidden;
-		    margin: 0;
-		    height: 100%;
-		    position: relative;
-		    color: white;
-		    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-		    font-size: 25px;
-			background-color: rgba(0, 31, 0, 0.5);
-		  }
-
-		  .bgimg {
-		    background-image: url('https://www.minecraft.net/content/dam/games/earth/key-art/SunsetMCE_KeyArt_1170_NoLogo.jpg');
- 		    filter: blur(10px);
-		    height: 100%;
-		    background-position: center;
-		    background-size: cover;
-		  }
-
-		  .middle {
-		    position: absolute;
-		    top: 50%;
-		    left: 50%;
-		    transform: translate(-50%, -50%);
-		    text-align: center;
-		  }
-
-		  hr {
-		    margin: auto;
-		    width: 40%;
-		  }
-
-		  a {
-		    color: #5566ff;
-		  }
-
-		  a:hover {
-		    color: #5555ff;
-		  }
-		</style>
 	<head>
 	<body>
 		<div class="bgimg"></div>