Fixed link colours, changed name of class from ”license” to ”button”

4 files changed, 19 insertions, 19 deletions

diff --git a/beauty.css b/beauty.css
index 7b55536..b4d60bd 100644
--- a/beauty.css
+++ b/beauty.css
@@ -52,27 +52,27 @@
   border-radius: 5px;
 }
 
-.license {
+.button {
   display: flex;
   justify-content: center;
   width: auto;
 }
-.license div {
+.button div {
   border: 3px solid transparent;
   border-radius: 5px;
   padding: 5px;
   max-width: max-content;
   text-align: center;
-  backdrop-filter: blur(1px) brightness(80%);
-  -webkit-backdrop-filter: blur(1px) brightness(80%);
+  backdrop-filter: blur(1px) brightness(70%);
+  -webkit-backdrop-filter: blur(1px) brightness(70%);
   transition: 0.2s ease-in-out;
 }
-.license div:hover {
+.button div:hover {
   backdrop-filter: blur(5px) brightness(60%);
   -webkit-backdrop-filter: blur(5px) brightness(60%);
   transition: 0.2s ease-in-out;
 }
-.license div a {
+.button div a {
   color: white;
 }
 
@@ -114,13 +114,13 @@ body {
   background-attachment: fixed;
 }
 body a:link {
-  color: aqua;
+  color: #00ffff;
 }
 body a:visited {
-  color: blue;
+  color: #8ad4ff;
 }
 body a:hover {
-  color: blue;
+  color: #ffffff;
 }
 
 /*main {
diff --git a/beauty.scss b/beauty.scss
index 74d482c..6e622b6 100755
--- a/beauty.scss
+++ b/beauty.scss
@@ -30,13 +30,13 @@ body {
 
 	// Link styling section
 	a:link {
-		color: aqua;
+		color: #00ffff;
 	}
 	a:visited {
-		color: blue;
+		color: #8ad4ff;
 	}
 	a:hover {
-		color: blue;
+		color: #ffffff;
 	}
 }
 
diff --git a/main.html b/main.html
index cb54eb7..905fdf3 100755
--- a/main.html
+++ b/main.html
@@ -78,20 +78,20 @@
 		</div>
 		<br><br>
 		
-		<div class="license">
+		<div class="button">
 			<div>
 				<!--<a rel="license" href="licenses" target=_blank>Images and videos on this website are licensed under the CC BY-SA 4.0 License. The full website source code (HTML and CSS files) is licensed under the MIT license. Fonts have their own licenses. Click this button to see all used licenses and the source code.-->
 				<a rel="license" href="legal">Legal & Licenses</a>
 			</div>
 		</div>
 		<br>
-		<div class="license">
+		<div class="button">
 			<div>
 				<a href=https://git.twoexem.com>cgit server</a>
 			</div>
 		</div>
 		<br>
-		<div class="license">
+		<div class="button">
 			<div>
 				<a href=mailto:twoexem@gmail.com>Contact / Feedback</a>
 			</div>
diff --git a/page.scss b/page.scss
index e282da5..0423832 100755
--- a/page.scss
+++ b/page.scss
@@ -73,8 +73,8 @@
 	}
 }
 
-.license {
-        // Small information text about the licenses used
+.button {
+        // Used to display an anchor tag properly
 	
 	//font: 14px 'Varela';
         display: flex;
@@ -91,9 +91,9 @@
                 padding: 5px;
                 max-width: max-content;
                 text-align: center;
-		backdrop-filter: blur(1px) brightness(80%);
+		backdrop-filter: blur(1px) brightness(70%);
 		// Apple WebShit compatibility
-		-webkit-backdrop-filter: blur(1px) brightness(80%);
+		-webkit-backdrop-filter: blur(1px) brightness(70%);
 		transition: 0.2s ease-in-out;
                 
 		&:hover {