diff --git a/public/index.html b/public/index.html
index 1a623c4..34cbbb6 100755
--- a/public/index.html
+++ b/public/index.html
@@ -57,19 +57,24 @@
diff --git a/public/style.css b/public/style.css
index 4b8ac3b..8d5917a 100755
--- a/public/style.css
+++ b/public/style.css
@@ -32,7 +32,7 @@ body,
font: 12px/12px "Iosevka Web", monospace;
}
-.braille > * {
+.braille>* {
white-space: pre;
}
@@ -145,10 +145,10 @@ body,
display: none;
}
-#tab-links:checked ~ #linksTab,
-#tab-contact:checked ~ #contactTab,
-#tab-about:checked ~ #aboutTab,
-#tab-dash:checked ~ #dashTab {
+#tab-links:checked~#linksTab,
+#tab-contact:checked~#contactTab,
+#tab-about:checked~#aboutTab,
+#tab-dash:checked~#dashTab {
display: block;
}
@@ -180,6 +180,7 @@ body,
position: absolute;
right: 0;
}
+
ul {
list-style-type: none;
}
@@ -200,9 +201,11 @@ ul li::before {
position: fixed;
z-index: 11;
}
+
.modal[open] .modal__toggle:focus {
outline: 0px solid rgba(0, 0, 255, 0);
}
+
.modal__toggle::before {
content: "Donate";
cursor: pointer;
@@ -212,11 +215,13 @@ ul li::before {
color: #fff;
border: 4px solid #f3bbae92;
}
+
.modal[open] .modal__toggle::before {
content: "✖";
color: #fff !important;
font-size: 25px;
}
+
.modal__toggle {
position: relative;
list-style: none;
@@ -225,13 +230,16 @@ ul li::before {
text-align: left;
z-index: 4;
}
+
.modal__toggle::-webkit-details-marker {
display: none;
}
+
.modal__toggle:hover {
cursor: pointer;
opacity: 0.8;
}
+
.modal__background {
background-color: rgba(0, 0, 0, 0.65);
display: flex;
@@ -243,6 +251,7 @@ ul li::before {
width: 100vw;
z-index: 3;
}
+
.modal__body {
border: 4px solid #f3bbae92;
background: rgba(36, 25, 23, 1);
@@ -282,7 +291,20 @@ ul li::before {
padding-left: 0;
}
+.links a {
+ text-decoration-skip: spaces;
+}
+
.dashboard {
display: flex;
flex-direction: row;
}
+
+.icon, .text-icon {
+ fill: #f3bbae;
+ width: 12px;
+}
+
+.text-icon {
+ padding-left: 0.5rem;
+}
\ No newline at end of file