Created basis for contact page and updated CV

src/routes/contact/+page.svelte

@@ -1,12 +1,61 @@
 <script lang="ts">
+    import Card from '../../Card.svelte';
 </script>
 
+<style>
+    form {
+        display: flex;
+        flex: 2 1 20%;
+        align-items: center;
+        margin: 1em;
+        gap: 1em 3em;
+    }
+    
+    input, textarea {
+        padding: 1em;
+        background-color: var(--bg-grad);
+        border: 0; 
+        outline: 0;
+        border-radius: 8px;
+        resize: none;
+        min-width: 100%;
+        transition: all 0.2s;
+    
+        &:focus, &:hover{
+            box-shadow: .2em .2em .2em var(--red);
+        }
+    }
 
+    textarea {
+        min-height: 10em;
+    }
 
-<h1>Contact</h1>
+  .container {
+    display: flex;
+    flex-direction: column;
+    gap: 1em 1em;
+    width: 100%;
+  }
+</style>
 
-<div class="main-card">
-    <form>
-        test
-    </form>
-</div>
+<Card>
+    <div slot="header">
+        <h2>Contact</h2>
+    </div>
+    <div slot="content">
+        <form>
+            <div class="container">
+                <input type="text" id="input-name" placeholder="Name">
+                <input type="email" id="input-email" placeholder="Email address">
+                <input type="text" id="input-subject" placeholder="Subject">
+            </div>
+            <div class="container">
+                <textarea name="message" id="input-message" placeholder="Message"></textarea>
+            </div> 
+        </form>
+    </div>
+    <div slot="footer">
+        <a href="/Luke Else - CV.pdf" target="_blank" rel="noopener noreferrer">Curriculum Vitae</a>
+        <a href="mailto:contact@luke-else.co.uk">E-Mail</a>
+    </div>
+</Card>