Swaggy website rebrand

css/footer.css

@@ -9,11 +9,14 @@ footer {
   display: flex; flex-direction: row; flex-wrap: wrap;
   justify-content: space-around; align-items: center;
 
-  background-color: var(--bg-dark); color: var(--fg);
+  background-color: var(--bg); color: var(--fg);
 
   border-radius: var(--rad);
 
   box-shadow: var(--shadow);
+
+  border: 0.2rem solid var(--green);
+  outline: 0.5rem solid var(--bg);
 }
 footer * {
   margin: 0; padding: 0;

css/main.css

@@ -10,6 +10,9 @@ main section {
   border-radius: var(--rad);
 
   box-shadow: var(--shadow);
+
+  border: 0.2rem solid var(--green);
+  outline: 0.5rem solid var(--bg);
 }
 main section * {
   margin: 0 0 0.5rem; padding: 0;

css/nav.css

@@ -11,11 +11,14 @@ nav {
   display: flex; flex-direction: row;
   justify-content: space-between; align-items: center;
 
-  background-color: var(--bg-dark); color: var(--fg);
+  background-color: var(--bg); color: var(--fg);
 
   border-radius: var(--rad);
 
   box-shadow: var(--shadow);
+
+  border: 0.2rem solid var(--green);
+  outline: 0.5rem solid var(--bg);
 }
 nav * {
   margin: 0; padding: 0;
@@ -28,7 +31,7 @@ nav * {
   margin: 0; padding: 0;
   height: 2rem; width: auto;
 
-  transform: rotate(-25deg) scale(3);
+  transform: rotate(-25deg) scale(3.5);
 
   /*filter: drop-shadow(1px 0 0 var(--bg-dark))
           drop-shadow(0 1px 0 var(--bg-dark))

index.php

@@ -41,7 +41,7 @@
 
 		<section id="interests" >
 			<h2>My interests</h2>
-			<p>I am very interested in computers mainly from any era, mainly the software side of them. I always tinkered with them from a very young age, and broke many computers and laptops on the way, but that didn’t stop me! Look where I am now dad, it was worth it.</p>
+			<p>I am very interested in computers from any era, mainly the software side of them. I always tinkered with them from a very young age, and broke many computers and laptops on the way, but that didn’t stop me! Look where I am now dad, it was worth it.</p>
 			<p>Unsurprisingly that led me to using Linux, Arch btw, which gives me access to many more cool thingys to play around with like a proper terminal with no batch crap.</p>
 			<p>I also enjoy listening to music, a lot of it, and which leads me nicely to my next part, Rhythm games!The main 2 titles I enjoy playing are Beat Saber and Spin Rhythm XD, but I also enjoy playing other games like Minecraft, The Witcher 3 and the Half Life and Portal series.</p>
 		</section>
@@ -186,7 +186,7 @@
 		</div>
 		<div>
 			<h3>Page status</h3>
-			<p>Last updated 29 Jun 2022</p>
+			<p>Last updated 13 Jul 2022</p>
 			<p>Made and designed by <span class="fluffy-colour">Fluffy</span></p>
 		</div>
 		<div>

stylesheet.css

@@ -3,16 +3,17 @@
 @import "css/footer.css";
 
 :root {
-  --bg: #151515;
+  --bg: #151515df;
-  --bg-dark: #0f0f0f;
   --bg-alt: #E8E3E3;
+  --bg-dark: #242621;
+  --bg-dark-alt: #1D1E1C;
 
   --h: #8C977D;
   --fg:#E8E3E3;
   --fg-dark: #151515;
 
   --shadow: 6px 6px 10px #15151588;
-  --rad: 15px;
+  --rad: 5px;
 
   --orange: #FF7700;
   --orange-alt: #E0863E;
@@ -25,8 +26,8 @@
 html {
   margin: 0; padding: 0;
 
-  background-color: #817670;
+  background-color: var(--bg-dark-alt);
-  background-image: url("images/bg-4.jpg");
+  background-image: url("images/bg-6.svg");
 
   height: 100vh;
   background-position: center;