[ Back ]
diff --git a/index.css b/index.css
index 9117980..4a0622e 100644
--- a/index.css
+++ b/index.css
@@ -1,7 +1,7 @@
:root {
--primary-color: #feb938;
--secondary-color: #a3741d;
- --card-bg-color: #101010;
+ --card-bg-color: #050505;
}
* {
@@ -37,30 +37,25 @@ body {
align-items: center;
justify-content: center;
height: 100vh;
+ overflow: hidden;
}
ul { list-style-type: none; margin-bottom: 2px; }
-a {
- text-decoration: none;
- text-shadow: none;
- color: var(--secondary-color);
-}
+a { text-decoration: none; text-shadow: none; color: var(--secondary-color); }
a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-color); }
-.card {
+.card {
border: 4px solid var(--primary-color);
box-shadow: 0px 0px 8px var(--primary-color);
background: var(--card-bg-color);
- border-radius: 5%;
- text-align: center;
- padding: 25px;
- margin: 16px;
+ border-radius: 3%;
+ text-align: center; padding: 25px; margin: 16px;
}
.card img {
- border: 3px solid var(--primary-color);
+ border: 4px solid var(--primary-color);
box-shadow: 0px 0px 8px var(--primary-color);
background-color: var(--secondary-color);
border-radius: 50%;
@@ -82,11 +77,6 @@ a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-c
.list li { margin-top: 8px; }
@media only screen and (max-width: 600px) {
- .card {
- border: none;
- box-shadow: none;
- background: none;
- }
-
+ .card { border: none; box-shadow: none; background: none; }
.card img { width: 150px; height: auto; }
}
diff --git a/index.html b/index.html
index 19c55ff..679bcb1 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
amolinae's website
-
Now with a 100% less Javascript!
+
What you see is what you get.
diff --git a/music.html b/music.html
new file mode 100644
index 0000000..3a0d63c
--- /dev/null
+++ b/music.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+ amolinae's website
+
+
+
+
+
+ Favorite Music
+
+
+
+
+
diff --git a/setup.html b/setup.html
index 2f69f50..73424cb 100644
--- a/setup.html
+++ b/setup.html
@@ -15,11 +15,12 @@