- 
+
A Tyrant Incorporated
a.k.a "Atiran Inc."
diff --git a/style.css b/style.css
index 3f89101..6f31541 100644
--- a/style.css
+++ b/style.css
@@ -11,6 +11,7 @@ html, body {
background-color: var(--dark-color);
color: var(--fg-color);
margin: 0;
+ padding: 0;
font-family: "Cantarell", serif;
font-weight: 400;
font-style: normal;
@@ -31,7 +32,7 @@ body {
.left {
left: 0;
- width: 30%;
+ width: 40%;
background-color: var(--bg-color);
}
@@ -42,19 +43,21 @@ body {
overflow-y: auto;
}
-@media (max-width: 768px) {
+/* lg */
+@media (max-width: 700px) {
.split {
all: inherit;
}
.left {
all: inherit;
+ background-color: var(--bg-color);
+ width: 100%;
}
.right {
all: inherit;
padding-top: 15px;
- background-color: var(--dark-color);
padding-bottom: 4rem;
}
}
@@ -121,12 +124,35 @@ article {
display: flex;
justify-content: enter;
align-items: center;
-
- img {
- padding-right: 30px;
- }
}
+.img-center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 70%;
+}
+
+article img {
+ margin-right: 30px;
+}
+
+/* lg */
+@media (max-width: 1024px) {
+ article {
+ flex-direction: column;
+ }
+
+ article img {
+ margin: auto;
+ }
+
+ .container {
+ text-align: center;
+ }
+}
+
+
.container {
max-width: 1536px;
margin-left: auto;
@@ -154,6 +180,7 @@ article {
/* lg */
@media (max-width: 1024px) {
.container {
+ width: 60%;
max-width: 768px;
}
}
@@ -175,7 +202,7 @@ article {
/* xs */
@media (max-width: 475px) {
.container {
- width: 100%;
+ width: 90%;
}
}
diff --git a/webring.js b/webring.js
index 97865e2..55e724c 100644
--- a/webring.js
+++ b/webring.js
@@ -33,6 +33,6 @@ else {
"
<< Previous |" +
"
Random |" +
"
About LibreRing |" +
- "
Next>>";
+ "