Changes to be committed:

modified:   css/style.css
	modified:   index.html

css/style.css

@@ -1,12 +1,17 @@
+* {
+  box-sizing: border-box;
+}
+
 body {
   margin: 0;
   padding: 0;
   background-color: black;
   color: #00ff00;
   font-family: 'Courier New', Courier, monospace;
+  text-align: center;
 }
 
-.header {
+header {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -35,7 +40,7 @@ body {
   display: inline-block;
   width: 12px;
   height: 12px;
-  margin-right: 3px;
+  margin-right: 5px;
   border-radius: 50%;
 }
 
@@ -59,7 +64,6 @@ body {
 .terminal-body h1 {
   margin: 0;
   font-size: 2rem;
-  text-align: center;
 }
 
 #blink {
@@ -74,7 +78,6 @@ body {
 
 main {
   padding: 20px;
-  text-align: center;
 }
 
 .about, .projects {
@@ -86,7 +89,13 @@ main {
   background: #1e1e1e;
 }
 
-.projects .btn {
+.centered-image {
+  max-width: 100%;
+  height: auto;
+  border-radius: 10px;
+}
+
+.project-links a {
   display: inline-block;
   margin: 10px;
   padding: 10px 20px;
@@ -97,14 +106,13 @@ main {
   transition: background 0.3s;
 }
 
-.projects .btn:hover {
+.project-links a:hover {
   background: #00ff00;
   color: black;
 }
 
 footer {
   margin-top: 20px;
-  text-align: center;
   padding: 10px;
   border-top: 2px solid #00ff00;
 }
@@ -121,15 +129,3 @@ footer {
 .terminal-footer a:hover {
   text-decoration: underline;
 }
-.image-section {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 20px auto;
-}
-
-.centered-image {
-  max-width: 100%;
-  height: auto;
-  border-radius: 10px;
-}