Use avg of contrasts as a default, if href is present use contrast, align dates to right and adjust visibility

css/main.less

@@ -14,17 +14,17 @@ h1 {font-size:32px}
 h2 {font-size:14px}
 
 a {
-  color: contrast(@bg);
+  color: average(contrast(@bg), @bg);
   text-decoration: none;
-  &:hover,
-  &.highlight {
+  &[href]:hover,
+  &[href].highlight {
     color: @color;
   }
-  &.highlight:hover {
+  &[href].highlight:hover {
     text-decoration: underline;
   }
-  &[href="#"] {
-    color: average(contrast(@bg), @bg);
+  &[href] {
+    color: contrast(@bg);
   }
   transition: cubic-bezier(0.23, 1, 0.32, 1)  0.4s;
 }
@@ -118,7 +118,11 @@ html {
           flex-direction: row;
           div.item {
             margin: 14px 0;
+            font-size: 20px;
+            h4 {font-size: 24px;}
             div.date {
+              width: 100%;
+              text-align:right;
               font-size: 12px;
             }
           }

index.html

@@ -5,7 +5,7 @@
   <!--Styles and meta-->
   <title>RedXen Community</title>
   <meta name="description" content="The community that empowers gamers.">
-  <link rel="shortcut icon" href="/favicon.ico">
+  <link rel="shortcut icon" href="favicon.ico">
   <meta name="keywords" content="rx,redxen,community,game,games,server,discord,pmbot,forum">
   <meta name="author" content="caskd">
   <meta name="theme-color" content="#d22">
@@ -19,11 +19,11 @@
   <!--These endless wrappers might be unnecessary now but could be useful later-->
   <div class="headwrap">
     <div class="header">
-      <a href="#">Services</a>
-      <a href="#">Platform</a>
+      <a>Services</a>
+      <a>Platform</a>
       <img alt="logo" src="res/logo.png">
-      <a href="#">Community</a>
-      <a href="#" class="highlight">Get active</a>
+      <a>Community</a>
+      <a class="highlight">Get active</a>
     </div>
   </div>
   <div class="bodywrap">
@@ -44,7 +44,7 @@
         </div>
         <div class="item">
           <h4>Something went wrong</h4>
-          <a href="#">Read more</a>
+          <a href="something">Read more</a>
           <div class="date">01.01.1970</div>
         </div>
       </div>
@@ -75,9 +75,9 @@
       <div class="col">
         <ul>
           <span>Legal</span>
-          <li><a href="#">Terms of service</a></li>
+          <li><a>Terms of service</a></li>
           <li><a href="legal/privacypolicy.html">Privacy Policy</a></li>
-          <li><a href="#">Contact</a></li></div>
+          <li><a>Contact</a></li></div>
         </ul>
       </div>
     </div>