From c9c2d19cfdd74e99d792cb8b9ba255fc25c3aba1 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Tue, 17 Dec 2019 08:46:03 -0800
Subject: [PATCH] style

---
 data/scripts/colors.js |  4 ++--
 data/site/styles.css   | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/data/scripts/colors.js b/data/scripts/colors.js
index 4cf3091b..42d13cde 100644
--- a/data/scripts/colors.js
+++ b/data/scripts/colors.js
@@ -1,5 +1,5 @@
 //Cycles through a rainbow!
-setInterval(changeColor, 100)
+setInterval(changeColor, 250)
 var regularAdjust = 0//60
 var lightAdjust = 64//100
 var lightLead = 255
@@ -9,7 +9,7 @@ function changeColor() {
 	document.documentElement.style.setProperty("--shifting-color-1", "rgb(" + parseInt(colors[0] + regularAdjust) + "," + parseInt(colors[1] + regularAdjust) + "," + parseInt(colors[2] + regularAdjust) + ")")
 	var lightColors = indexToColor(currentColorIndex + lightLead)
 	document.documentElement.style.setProperty("--shifting-color-1-light", "rgb(" + parseInt(lightColors[0] + lightAdjust) + "," + parseInt(lightColors[1] + lightAdjust) + "," + parseInt(lightColors[2] + lightAdjust) + ")")
-	currentColorIndex += 153 / 180 //The second number is how many seconds it takes to do a full loop
+	currentColorIndex += 2.5 * 153 / 180 //The second number is how many seconds it takes to do a full loop
 }
 function indexToColor(colorIndex) {
 	var red = 0, green = 0, blue = 0
diff --git a/data/site/styles.css b/data/site/styles.css
index b10237a7..ef84df02 100644
--- a/data/site/styles.css
+++ b/data/site/styles.css
@@ -224,6 +224,18 @@ footer a:hover {
 @media screen and (min-width: 750pt) {
     .samples {
         grid-template-columns: 33.33% 33.33% 33.33% !important;
+        margin-bottom: 2em;
+    }
+    .samples #sample1 {
+        width: 90%;
+        transform: rotate(-10deg) translate(10%, 8%);
+    }
+    .samples #sample2 {
+        z-index: 10;
+    }
+    .samples #sample3 {
+        width: 90%;
+        transform: rotate(10deg) translate(-10%, 8%);
     }
 }
 /*These control tooltips for mobile devices vs. desktops/laptops*/
@@ -469,4 +481,3 @@ input[type="checkbox"], .frameOption, .maskOption, .button {
 
 
 
-