summaryrefslogtreecommitdiff
path: root/css/website.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/website.css')
-rw-r--r--css/website.css80
1 files changed, 64 insertions, 16 deletions
diff --git a/css/website.css b/css/website.css
index 77e8626..bb4c639 100644
--- a/css/website.css
+++ b/css/website.css
@@ -1,10 +1,12 @@
html {
color: rgba(220,220,220);
- background-color: #181a1b;
+ background-color: #141516;
+ background-size: 40px 40px;
+ background-image: radial-gradient(circle, #242424 1px, rgba(0, 0, 0, 0) 1px);
}
body {
- height: 100vh;
+ min-height: 100vh;
font-family: 'Inter';
line-height: 1.7;
margin: 0;
@@ -18,6 +20,7 @@ body {
flex-direction: row;
justify-content: center;
align-items: center;
+ margin-top: -20px;
}
.content {
@@ -51,10 +54,19 @@ h1 {
line-height: normal;
font-size: 300%;
color: #de6b15;
+ /* text-shadow: 0 0 70px #c76317; */
+}
+
+.h1t {
+ margin-top: 20px;
+ font-size: 500%;
+ margin-bottom: 0px;
+ /* text-align: center; */
}
h2 {
- font-size: 200%
+ font-size: 200%;
+ /* text-shadow: 0 0 50px #8d8d8d; */
}
h3 {
@@ -152,8 +164,6 @@ a:hover {
.wrbox
{
background-color: rgba(0, 0, 0, 0.411);
- margin-bottom: 20px;
- margin-top: 40px;
display: flex;
flex-direction: row;
align-self: center;
@@ -172,23 +182,61 @@ a:hover {
background-color: #0000004d;
}
-.homebutton
-{
- margin: 40px 0px 0px 40px;
+.reveal_content {
+/* transform: translateY(100%); */
+animation: reveal 1.7s forwards;
+animation-delay: .5s;
+}
+
+@keyframes reveal {
+from {
+ text-shadow: 0 0 0px #c7631700;
+}
+to {
+ text-shadow: 0 0 100px;
+}
+}
+
+body {
+visibility: hidden;
+animation: reveal2 1s forwards;
+}
+
+@keyframes reveal2 {
+from {
+ opacity: 0;
+}
+to {
+ visibility: visible;
+}
+}
+
+.footer {
+ display: flex;
+ justify-content: center;
+ margin: 40px;
+}
+
+.header {
+ display: flex;
+ justify-content: left;
+ margin: 40px;
+}
+
+.header .wrlabel {
+ margin-right: 10px;
}
@media only screen
-and (max-device-width: 600px)
+and (max-device-width: 900px)
{
-.homebutton
+.header
{
- margin: 10px 0px 0px 10px;
+ margin: 10px;
}
-
-.wrbox
+.h1t
{
- padding-bottom: 5px;
-}
+ font-size: 300%;
}
-
+} \ No newline at end of file