Make fonts local. Change font to Montserrat.

Change background color. Swap the right pane link decoration for <900px

fonts/fonts.css

@@ -0,0 +1,27 @@
+/* latin */
+@font-face {
+  font-family: 'Comfortaa';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(./Comfortaa-Latin-Light.woff) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin */
+@font-face {
+  font-family: 'Comfortaa';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(./Comfortaa-Latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(./Montserrat-Latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}

index.css

@@ -1,6 +1,6 @@
 * {
 	box-sizing: border-box;
-	font-family: Roboto;
+	font-family: Montserrat;
 }
 
 body {
@@ -15,7 +15,7 @@ body {
 
 .left-pane {
 	width: 60%;
-	background-color: #121212;
+	background-color: #202020;
 }
 
 .right-pane {
@@ -68,6 +68,7 @@ h1, h2 {
 
 #home p, #contact p {
 	text-align: justify;
+	text-align-last: center;
 }
 
 .icons {
@@ -312,4 +313,11 @@ h3 {
 	#contact {
 		padding-bottom: 3em;
 	}
+	.right-pane p a {
+		text-decoration: underline;
+	}
+
+	.right-pane p a:hover {
+		text-decoration: none;
+	}
 }

index.html

@@ -6,7 +6,7 @@
 		<title> Ceda EI </title>
 		<link rel="stylesheet" type="text/css" href="index.css">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
-		<link href="https://fonts.googleapis.com/css?family=Comfortaa:300,700|Roboto&display=swap" rel="stylesheet">
+		<link href="fonts/fonts.css" rel="stylesheet">
 		<meta name="Description" content="Homepage of Ceda EI." />
 		<meta property="og:description" content="Homepage of Ceda EI." />
 		<meta property="og:image" content="https://webionite.com/images/webionite.jpg" />
@@ -224,7 +224,7 @@
 						<span>Contact</span>
 					</a>
 				</div>
-				<p>Part of <a href="https://libreho.st/"> libreho.st</a> network</p>
+				<p>Towards a free future.</p>
 				<div class="icons">
 					<a class="icon" href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a>
 					<a class="icon" href="https://git.webionite.com/ceda_ei/"><i class="fa fa-gitea"></i></a>