added custom css

index.html

@@ -5,15 +5,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <!-- normalize css -->
-    <link rel="stylesheet" href="static/normalize.css" />
+    <!-- <link rel="stylesheet" href="static/normalize.css" /> -->
 
-    <!-- bootstrap css -->
+    <!-- <!-1- bootstrap css -1-> -->
-    <link
+    <!-- <link -->
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+    <!--   href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" -->
-      rel="stylesheet"
+    <!--   rel="stylesheet" -->
-      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+    <!--   integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" -->
-      crossorigin="anonymous"
+    <!--   crossorigin="anonymous" -->
-    />
+    <!-- /> -->
 
     <!-- bootstrap icons -->
     <link
@@ -21,6 +21,7 @@
       href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
     />
 
+    <link rel="stylesheet" href="static/index.css" />
     <title>Aarya Bhatia</title>
   </head>
 
@@ -30,8 +31,8 @@
       <hr />
 
       <main>
-        <div class="py-3">
+        <div>
-          <h2 class="py-2">Introduction</h4>
+          <h2>Introduction</h2>
           <p>
             Hello, I am a 22 year old software engineer working at Amazon. I
             recently completed my Bachelor’s degree in Applied Mathematics and
@@ -39,8 +40,8 @@
           </p>
         </div>
 
-        <div class="py-3">
+        <div>
-          <h2 class="py-2">Skills</h4>
+          <h2>Skills</h2>
           <p>
             I am experienced in full-stack web development and systems
             programming. I am proficient in Linux and C/C++, Python, Go,
@@ -54,8 +55,8 @@
             Github.
           </p>
         </div>
-        <div class="py-3">
+        <div>
-          <h2 class="py-2">Work Experience</h4>
+          <h2>Work Experience</h2>
           <p>
             This year, I will begin working at Amazon as an SDE. I had my first
             internship with Amazon in 2023, where I worked on a React project
@@ -66,8 +67,8 @@
             years, where we taught about computer systems and C programming.
           </p>
         </div>
-        <div class="py-3">
+        <div>
-          <h2 class="py-2">Hobbies</h4>
+          <h2>Hobbies</h2>
           <p>
             I am a trained musician and primarily play the electric guitar,
             since the last 12 years. I appreciate a wide range of musical
@@ -75,8 +76,8 @@
             as Opeth and Porcupine Tree.
           </p>
         </div>
-        <div class="py-4">
+        <div>
-          <h2 class="py-2">Contact</h4>
+          <h2>Contact</h2>
           <p>
             Reach out to me for any opportunities on my email:
             <a href="mailto:aarya.bhatia1678@gmail.com"
@@ -87,31 +88,29 @@
       </main>
 
       <footer>
-        <div class="d-flex justify-content-center">
+        <div>
-          <div class="pe-4">
           <a href="mailto:aarya.bhatia1678@gmail.com"
             ><i class="bi-envelope"></i
           ></a>
         </div>
 
-          <div class="pe-4">
+        <div>
           <a href="https://www.github.com/aarya-bhatia/"
             ><i class="bi-github"></i
           ></a>
         </div>
 
-          <div class="pe-4">
+        <div>
           <a href="https://www.linkedin.com/in/aarya-bhatia/"
             ><i class="bi-linkedin"></i
           ></a>
         </div>
 
-          <div class="pe-4">
+        <div>
           <a href="https://www.instagram.com/aarya.bhatia/"
             ><i class="bi-instagram"></i
           ></a>
         </div>
-        </div>
       </footer>
     </div>
   </body>

static/index.css

@@ -0,0 +1,48 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
+
+body {
+  background: black;
+  color: white;
+  max-width: 800px;
+  margin: auto;
+  padding: 20px;
+  box-sizing: border-box;
+
+  font-family: "Source Code Pro", monospace;
+  font-weight: 350;
+}
+
+h1 {
+  color: red;
+}
+
+h2,
+h3,
+h2,
+h5,
+h6 {
+  color: green;
+}
+
+footer {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+
+footer a {
+  color: white;
+  text-decoration: none;
+  font-size: 1.2rem;
+  padding: 10px;
+}
+
+a {
+  color: red;
+}
+
+a:hover {
+  color: brown;
+}