Change fonts, image. Add @ceda_ei as sub-heading.

Add some more CSS tweaks.

index.css

@@ -1,3 +1,13 @@
+@font-face {
+  font-family: 'Transformers';
+  src: url('fonts/transformers.ttf');
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url('fonts/lato.ttf');
+}
+
 body {
   margin: 0;
   background-color: #0b0a16;
@@ -29,7 +39,7 @@ a:hover {
 
 .container .img {
   /* display: flex; */
-  margin: 1em;
+  margin-bottom: 1em;
   width: 100%;
 }
 
@@ -46,9 +56,19 @@ a:hover {
   margin-top: 0.5 em;
 }
 
+.header {
+  margin: 1em 0;
+}
+
 h1 {
-  font-family: 'Elsie', cursive;
+  font-family: 'Transformers', cursive;
   font-size: 2.5em;
+  margin: 0;
+}
+
+h2 {
+  font-size: 1.5em;
+  margin: 0;
 }
 
 @media (max-width: 720px) {

index.html

@@ -5,7 +5,6 @@
     <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.0/css/fork-awesome.min.css" integrity="sha256-sX8HLspqYoXVPetzJRE4wPhIhDBu2NB0kYpufzkQSms=" crossorigin="anonymous">
-    <link href="https://fonts.googleapis.com/css?family=Elsie|Lato" rel="stylesheet">
     <meta property="og:title" content="Webionite" />
     <meta property="og:description" content="Homepage of Ceda EI." />
     <meta property="og:image" content="https://webionite.com/images/webionite.jpg" />
@@ -15,12 +14,15 @@
       <div class="img">
         <img src="images/ceda.jpg">
       </div>
-      <h1>Ceda EI</h1>
+      <div class="header">
+        <h1>Ceda EI</h1>
+        <h2>@ceda_ei</h2>
+      </div>
       <p>I am an 18-year old student from India who has an interest in system administration and programming. I am a Linux user who likes to rice his desktop and have some experience managing servers.</p>
       <div class="links">
         <a href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a>
+        <a href="https://git.webionite.com/ceda_ei/"><i class="fa fa-git"></i></a>
         <a href="https://telegram.me/ceda_ei/"><i class="fa fa-telegram"></i></a>
-        <a href="https://twitter.com/ceda_ei/"><i class="fa fa-twitter"></i></a>
         <a href="https://fosstodon.org/@ceda_ei"><i class="fa fa-mastodon"></i></a>
         <a href="mailto:ceda_ei@webionite.com"><i class="fa fa-envelope"></i></a>
       </div>