diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..b089a91
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,35 @@
+.glass {
+ margin: auto;
+ margin-top: 2em;
+ width: 75%;
+}
+
+nav {
+ height: 2em;
+ text-align: center;
+ display: flex;
+}
+
+nav a {
+ display: inline-block;
+ margin: auto;
+ width: 4em;
+ height: 1.4em;
+ border-bottom-style: solid;
+ border-bottom-color: rgba(255, 255, 255, 0);
+ border-top-style: solid;
+ border-top-color: rgba(255, 255, 255, 0);
+ transition-duration: 0.25s;
+ color: white;
+ text-decoration: none;
+}
+
+nav a:hover {
+ border-bottom-color: rgba(255, 255, 255, 255)
+}
+
+h1{
+ border-bottom-style:dotted;
+ padding-right:1.25em;
+ width:fit-content
+}
diff --git a/css/shared.css b/css/shared.css
index d13a0dd..b24bf30 100644
--- a/css/shared.css
+++ b/css/shared.css
@@ -1,45 +1,5 @@
:root { color: white; font-family:sans-serif }
-body { margin: 0px; }
-
-.artical {
- margin: auto;
- overflow: hidden;
- transition-duration: 1.5s;
- width:25%;
- display: block;
-}
-
-.artical hr {
- background: white;
- border-color: white;
- border-radius: 3em;
- height: 0.3em;
-}
-
-.artical embed{
- position: sticky;
- height:100%;
- width:100%;
- overflow:hidden;
-}
-
-.artical:hover .preview {
- display: none;
-}
-
-.content {
- display: none;
- color: white;
-}
-
-.artical:hover .content {
- display: block;
-}
-
-
-
-
.glass {
background: rgba(128, 128, 128, 0.35);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
@@ -56,6 +16,8 @@ body { margin: 0px; }
width: 100vw;
position: fixed;
z-index: -1;
+ top:0;
+ left:0;
}
@keyframes gradient {
diff --git a/index.html b/index.html
index cdff9b9..a27df8a 100644
--- a/index.html
+++ b/index.html
@@ -4,34 +4,22 @@
-
-
+
+
-
-
-
- Test title #1
-
-
-
-
-
- Test title #2
-
-
-
-
-
- Test title #2
-
-
-
-
-
+
+
+
+ Hello world
+ IDK what to put here lol
+