From: Max Value <greenwoodw50@gmail.com>
Date: Mon, 6 Oct 2025 02:31:58 +0000 (+0100)
Subject: Styling changes
X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;ds=inline;p=insects

Styling changes
---

diff --git a/index.html b/index.html
index 3003734..02a1f15 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,12 @@
 		<h2>[Studios]</h2>
 	</header>
 	<main>
+		<contact>
+			<u>CONTACT</u><br>
+			Will Greenwood<br>
+			greenwoodw50 [at] gmail [dot] com<br>
+			07594 768180
+		</contact>
 		<section>
 			<h2>INT. DAY - WEBSITE (BACKGROUND)</h2>
 			<p>
diff --git a/style.css b/style.css
index c095b2c..d812fb8 100644
--- a/style.css
+++ b/style.css
@@ -34,6 +34,13 @@ header > h2 {
 	transform: skew(-0.5rad);
 }
 
+contact {
+	display: block;
+	width: 100%;
+	text-align: right;
+	color: gray;
+}
+
 /* Main section */
 
 main {
@@ -42,24 +49,27 @@ main {
 	line-height: 1.2;
 }
 
-section {
-	width: min(100%, 650px);
-}
 
-@media (max-width: 1250px) {
+@media (max-width: 1000px) {
 	/* Formatting for mobile */
+
 	img {
-		width: min(100%, 200px);
+		margin: 20px;
+		width: min(100%, 300px);
+	}
+
+	section {
+		width: 100%;
 	}
 }
 
 /* Variables for the photo arrangement to make it easier to tweak */
 :root {
-	--x: 750px;
-	--y: 220px;
+	--x: 600px;
+	--y: 400px;
 }
 
-@media (min-width: 1250px) {
+@media (min-width: 1000px) {
 	/* Formatting for computer */
 
 	img {
@@ -78,4 +88,8 @@ section {
 		top: calc(var(--y) + 350px);
 		left: calc(var(--x) + 25px);
 	}
+
+	section {
+		width: 450px;
+	}
 }