diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 72a7deb..3eee593 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -134,4 +134,60 @@ const { title } = Astro.props;
background: #13151A;
background-size: 224px;
}
+ main {
+ margin: auto;
+ padding: 1rem;
+ width: 800px;
+ max-width: calc(100% - 2rem);
+ color: white;
+ font-size: 20px;
+ line-height: 1.6;
+ }
+ .astro-a {
+ position: absolute;
+ top: -32px;
+ left: 50%;
+ transform: translatex(-50%);
+ width: 220px;
+ height: auto;
+ z-index: -1;
+ }
+ h1 {
+ font-size: 4rem;
+ font-weight: 700;
+ line-height: 1;
+ text-align: center;
+ margin-bottom: 1em;
+ }
+ .text-gradient {
+ background-image: var(--accent-gradient);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-size: 400%;
+ background-position: 0%;
+ }
+ .instructions {
+ margin-bottom: 2rem;
+ border: 1px solid rgba(var(--accent-light), 25%);
+ background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
+ padding: 1.5rem;
+ border-radius: 8px;
+ }
+ .instructions code {
+ font-size: 0.8em;
+ font-weight: bold;
+ background: rgba(var(--accent-light), 12%);
+ color: rgb(var(--accent-light));
+ border-radius: 4px;
+ padding: 0.3em 0.4em;
+ }
+ .instructions strong {
+ color: rgb(var(--accent-light));
+ }
+ .link-card-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
+ gap: 2rem;
+ padding: 0;
+ }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 86f38c8..366380b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -27,63 +27,4 @@ import Card from '../components/Card.astro';
-
-
-
+
\ No newline at end of file
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 59d2ab1..6e6c115 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -83,62 +83,4 @@ import Card from '../components/Card.astro';
-
-
\ No newline at end of file
+
\ No newline at end of file