diff --git a/icons/amazon-color.svg b/icons/amazon-color.svg
index 4581b9b..890edc9 100644
--- a/icons/amazon-color.svg
+++ b/icons/amazon-color.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/images/sunset-bg-blue.jpg b/images/sunset-bg-blue.jpg
new file mode 100644
index 0000000..0acbd1c
Binary files /dev/null and b/images/sunset-bg-blue.jpg differ
diff --git a/index.html b/index.html
index d5e3b65..12bed71 100644
--- a/index.html
+++ b/index.html
@@ -25,14 +25,14 @@ header p {font-size: clamp(1em, 5vw, 1.5em); line-height: 1.5; max-width: 32ch}
h2 {font-size: 1.5em; line-height: 1.333}
p {font-size: 1em; line-height: 1.5}
/* layout */
-body {margin: auto}
+body {margin: auto; min-height: 100vh}
@media (min-width: 40em) {
body {margin: 0; width: 20em}
header h1 {font-size: 1.5em}
header p {font-size: 1em}
}
header {
- background: url(./images/sunset-bg.jpg);
+ background: url(./images/sunset-bg-blue.jpg);
background-size: contain;
width: 100%; aspect-ratio: 1;
padding: 1em;
@@ -60,16 +60,15 @@ body:before {
height: 100vh;
left: 0;
top: 0;
- background: url(./images/sunset-bg.jpg);
+ background: url(./images/sunset-bg-blue.jpg);
background-size: cover; background-repeat: no-repeat;
background-position: center;
- filter: blur(1em) hue-rotate(-135deg);
+ filter: blur(1em);
opacity: 0.5;
z-index: -1
}
html {background-color: #212121}
-header, section {background-color: #28201d; color: white; filter: hue-rotate(-135deg)}
-a, img {filter: hue-rotate(135deg)}
+body, header, section {background-color: #212128; color: white}
a {color: #64b5f6}
a:visited {color: #d1c4e9}
img {color: white}
@@ -103,7 +102,7 @@ img {color: white}
-
+
triggerofsol
@@ -115,11 +114,11 @@ img {color: white}
view photos at birdsounds.media
-
+
watch footage at obvious_humor
-
+
buy prints at society6.com/trwnh