ECMAPortal Integration

styles/styles.css

@@ -4,8 +4,6 @@
 
 body {
 	background-color: black;
-	background-image: url("/images/background.jpg");
-
 	background-attachment: fixed;
 
 	background-size: cover;
@@ -16,6 +14,16 @@ body {
 	font-size: 18px;
 }
 
+canvas.portal {
+	display: block;
+	position: fixed;
+
+	top: 0;
+	left: 0;
+
+	z-index: -1;
+}
+
 a {
 	color: lightskyblue;
 
@@ -34,18 +42,17 @@ a:active {
 div.body-wrapper {
 	display: flex;
 	flex-direction: column;
-	
+
 	align-items: center;
-	
 }
 
 div.container {
 	display: flex;
 	flex-direction: column;
-	
+
 	max-width: 80%;
-	
-	background-color: rgba(0, 0, 0, 0.5);
+
+	background-color: rgba(0, 0, 0, 0.35);
 	border-bottom-left-radius: 7px;
 	border-bottom-right-radius: 7px;
 }
@@ -74,7 +81,7 @@ div.text p {
 div.text ul {
 	list-style-type: none;
 	padding: 0;
-	
+
 	margin-bottom: 10px;
 }
 
@@ -86,13 +93,13 @@ div.text i.fa-youtube:before {
 
 div.text i.fa-twitch:before {
 	color: rgb(169, 112, 255);
-	
+
 	background: radial-gradient(
                     ellipse 70% 55%,
                     white 60%,
                     transparent 50%
 				);
-				
+
 	background: -webkit-radial-gradient(
                     ellipse 70% 55%,
                     white 60%,
@@ -106,21 +113,21 @@ div.text i.fa-twitter:before {
 
 div.text i.fa-telegram:before {
     color: rgb(88, 169, 243);
-	
+
     background: radial-gradient(at center, white 50%, transparent 10%);
 	background: -webkit-radial-gradient(at center, white 50%, transparent 10%);
 }
 
 div.text i.fa-discord:before {
     color: rgb(86, 98, 246);
-	
+
     background: radial-gradient(at center, white 50%, transparent 10%);
 	background: -webkit-radial-gradient(at center, white 50%, transparent 10%);
 }
 
 div.text i.fa-github:before {
     color: white;
-	
+
 	background: radial-gradient(
                     ellipse 50% 65%,
                     rgb(1, 4, 9) 70%,
@@ -136,7 +143,7 @@ div.text i.fa-steam:before {
                     white 67%,
                     transparent 60%
 				);
-	
+
 	background: -webkit-radial-gradient(
                     ellipse 70% 60%,
                     white 70%,
@@ -147,7 +154,7 @@ div.text i.fa-steam:before {
 div.link-button {
 	display: flex;
 	flex-direction: row;
-	
+
 	align-items: center;
 	gap: 10px;
 }
@@ -159,19 +166,21 @@ div.link-icon > * {
 div.footer {
 	display: flex;
 	flex-direction: row;
-	
+
 	justify-content: center;
-	
+
 	padding: 10px;
 }
 
 div.bottom-right {
 	position: fixed;
-	
+
 	right: 5%;
 	bottom: 0;
+
+	opacity: 30%;
 }
 
 div.bottom-right img {
 	height: 30vmin;
-}
+}