~/about-me
@@ -181,7 +188,7 @@~/user-reviews
- (note: some of these may or may not be related to me at all) + (note: some of these may or may not be related to me at all ● the blurred reviews may either contain vulgar language or just be incredibly gay)god i fucking love men
@@ -203,6 +210,16 @@ SweetCoffymy favorite professional cheese consumer, 10/10
+ ultra0 +10/10 epic website, stealing soon
+ atom +t
meowcatheorange @@ -213,11 +230,6 @@ amy10/10 epic website, stealing soon
- atom -SNEEXY WHAT ARE YOU SAYING LLLLHHGGGGG
yassie_j @@ -240,12 +252,14 @@
+

+







diff --git a/style.css b/style.css
index a1fc5dd..3c54e38 100644
--- a/style.css
+++ b/style.css
@@ -337,6 +337,10 @@ footer > a {
text-shadow: 0px 0px 8px var(--header-2);
}
+nav > p {
+ margin-top: 10px;
+}
+
.arrow {
color: var(--accent-1);
text-shadow: 0px 0px 8px var(--accent-1);
@@ -388,14 +392,14 @@ footer > .dot {
color: var(--bg-t);
}
-.intro-box, .links, .about-me, .fun-facts, .user-reviews, .buttons {
+.intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
position: relative;
display: flex;
padding: 30px;
background-color: var(--bg);
}
-.intro-text, .links, .about-me, .fun-facts, .user-reviews, .buttons {
+.intro-text, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
flex-direction: column;
}
@@ -410,7 +414,13 @@ footer > .dot {
.intro-text {
text-align: center;
- transform: translateY(4%)
+ transform: translateY(15%)
+}
+
+.navbar {
+ text-align: center;
+ margin-top: -15px;
+ margin-bottom: -15px;
}
/* -- below is all the css used only for the social cards, and its probably Very Bad so get a puke bag or something read -- */
@@ -572,10 +582,6 @@ footer > .dot {
font-size: 28px;
}
-.quote > p {
- font-size: 24px;
-}
-
.quote > small::before {
content: "-";
padding-right: 1em;
@@ -591,21 +597,24 @@ footer > .dot {
font-size: 16px;
}
-.quote:nth-child(7) {
- grid-column: 1 / 3;
- grid-row: 4;
-}
-
-.quote:nth-child(8) {
- grid-column: 1 / 3;
- grid-row: 5;
-}
-
.quote:nth-child(9) {
grid-column: 1 / 3;
grid-row: 6;
}
+.quote:nth-child(10) {
+ grid-column: 1 / 3;
+ grid-row: 7;
+}
+
+.quote:first-child, .quote:nth-child(10) {
+ filter: blur(1rem);
+}
+
+.quote:hover {
+ filter: blur(0px);
+}
+
.buttons-area > small > a {
font-size: 16px;
}
@@ -613,8 +622,8 @@ footer > .dot {
.buttons-img:first-child {
display: grid;
grid-template-rows: repeat(1, 1fr);
- grid-template-columns: repeat(4, 1fr);
- margin: 1em 16em 1em 16em;
+ grid-template-columns: repeat(5, 1fr);
+ margin: 1em 13em 1em 13em;
place-items: center;
}