aboutsummaryrefslogtreecommitdiff
path: root/static/@solitude/css/welcome/welcome.css
diff options
context:
space:
mode:
authorBobby <[email protected]>2023-07-12 19:14:06 -0400
committerBobby <[email protected]>2023-07-12 19:14:06 -0400
commit2ce0ccb1106c8b21b2e9d99ecf8e0772cbf6344a (patch)
tree85a9a1ed34e63b66266cbe4578e39a2670456c3e /static/@solitude/css/welcome/welcome.css
parent1038819ecd3af7056fba5121ff46a2ac748468f9 (diff)
downloadthatcomputerscientist-2ce0ccb1106c8b21b2e9d99ecf8e0772cbf6344a.tar.xz
thatcomputerscientist-2ce0ccb1106c8b21b2e9d99ecf8e0772cbf6344a.zip
Solitude: Welcome Page Done! Reponds based on `visited` Cookie
Diffstat (limited to 'static/@solitude/css/welcome/welcome.css')
-rw-r--r--static/@solitude/css/welcome/welcome.css32
1 files changed, 14 insertions, 18 deletions
diff --git a/static/@solitude/css/welcome/welcome.css b/static/@solitude/css/welcome/welcome.css
index 22a1a747..b4fcde6c 100644
--- a/static/@solitude/css/welcome/welcome.css
+++ b/static/@solitude/css/welcome/welcome.css
@@ -11,6 +11,8 @@
*/
@import url("https://fonts.googleapis.com/css2?family=Handlee&family=Poppins:wght@400&family=Share:wght@700&display=swap");
@import url(audio.css);
+@import url(button.css);
+@import url(glitch.css);
:root {
--button-height: 0.5rem;
--button-color: #edd;
@@ -42,7 +44,6 @@
min-height: 100%;
height: 100%;
width: 100%;
- background-color: rgba(0, 0, 0, 0.15);
z-index: -99;
}
@@ -52,6 +53,14 @@
align-items: center;
justify-content: center;
min-height: 100vh;
+ background: repeating-linear-gradient(
+ 0deg,
+ #0e0d0e77 25%,
+ #0e0d0e77 50%,
+ #17181977 50%,
+ #17181977 75%
+ );
+ background-size: 10px 10px;
}
.cwrapper {
@@ -78,21 +87,8 @@ p {
margin-top: 10rem;
}
-.description {
- font-family: "Share", sans-serif;
- font-size: 1rem;
- margin-top: -4rem;
- letter-spacing: 0.1rem;
+@media only screen and (max-width: 600px) {
+ .glitch {
+ font-size: 5rem;
+ }
}
-
-.text-box {
- font-family: "Share", cursive;
-}
-
-.text-box > h1 {
- margin: 0;
- font-size: 10rem;
- color: rgb(255 255 255 / 60%);
- padding: .5em;
-}
-