Sizing

src/pages/index.astro

@@ -77,6 +77,7 @@ import Layout from '../layouts/Layout.astro';
 		position: relative;
 		z-index: 2;
 	}
+
 	.container {
 		width: 100%;
 		max-width: 1000px;
@@ -85,7 +86,7 @@ import Layout from '../layouts/Layout.astro';
 	}
 
 	.content {
-		padding: 3rem;
+		padding: 2rem;
 	}
 	.header {
 		display: flex;
@@ -97,8 +98,8 @@ import Layout from '../layouts/Layout.astro';
 		flex: 1;
 	}
 	.profile-img {
-		width: 150px;
-		height: 150px;
+		width: 120px;
+		height: 120px;
 		border-radius: 50%;
 		border: 2px solid var(--glass-border);
 		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
@@ -109,7 +110,7 @@ import Layout from '../layouts/Layout.astro';
 	}
 	.social-links {
 		display: flex;
-		gap: 1rem;
+		gap: 0.75rem;
 	}
 	.social-links a {
 		padding: 0.5rem;
@@ -124,10 +125,10 @@ import Layout from '../layouts/Layout.astro';
 	.divider {
 		height: 1px;
 		background: var(--glass-border);
-		margin: 2rem 0;
+		margin: 1.5rem 0;
 	}
 	.section {
-		margin: 2rem 0;
+		margin: 1.5rem 0;
 	}
 	.section:first-child {
 		margin-top: 0;
@@ -139,10 +140,10 @@ import Layout from '../layouts/Layout.astro';
 		display: flex;
 		flex-wrap: wrap;
 		gap: 0.75rem;
-		margin-top: 1rem;
+		margin-top: 0.75rem;
 	}
 	.tag {
-		padding: 0.5rem 1rem;
+		padding: 0.4rem 0.8rem;
 		border-radius: 12px;
 		font-size: 0.9rem;
 		transition: all 0.3s ease;
@@ -154,8 +155,8 @@ import Layout from '../layouts/Layout.astro';
 	.project-grid {
 		display: grid;
 		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-		gap: 1.5rem;
-		margin-top: 1.5rem;
+		gap: 1rem;
+		margin-top: 1rem;
 	}
 	.project-card {
 		padding: 1.5rem;
@@ -173,7 +174,7 @@ import Layout from '../layouts/Layout.astro';
 	}
 	.button {
 		display: inline-block;
-		padding: 0.5rem 1rem;
+		padding: 0.4rem 0.8rem;
 		border-radius: 12px;
 		color: var(--text-primary);
 		text-decoration: none;
@@ -184,14 +185,14 @@ import Layout from '../layouts/Layout.astro';
 		transform: translateY(-2px);
 	}
 	h1 {
-		font-size: 2.5rem;
+		font-size: 2rem;
 		background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.7));
 		-webkit-background-clip: text;
 		-webkit-text-fill-color: transparent;
 	}
 	h2 {
-		font-size: 1.8rem;
-		margin-bottom: 1rem;
+		font-size: 1.5rem;
+		margin-bottom: 0.75rem;
 		background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.8));
 		-webkit-background-clip: text;
 		-webkit-text-fill-color: transparent;