summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/website.css57
1 files changed, 31 insertions, 26 deletions
diff --git a/css/website.css b/css/website.css
index 6f9360d..dd2d313 100644
--- a/css/website.css
+++ b/css/website.css
@@ -71,7 +71,7 @@ thead {
}
td {
- padding-right: 100px;
+ padding-right: 40px;
}
/* icon */
@@ -89,14 +89,20 @@ td {
/* Structure */
html {
+ display: flex;
+ min-height: 100%;
color: rgba(220,220,220);
background-color: #141516;
background-size: 40px 40px;
background-image: radial-gradient(circle, #242424 1px, rgba(0, 0, 0, 0) 1px);
+ padding: 30px;
+ box-sizing: border-box;
}
body {
- min-height: 100vh;
+ display: flex;
+ min-width: 100%;
+ min-height: 100%;
font-family: 'Inter';
line-height: 1.7;
margin: 0;
@@ -110,25 +116,23 @@ body {
flex-direction: row;
justify-content: center;
align-items: center;
- margin-top: 20px;
}
.content {
width: 900px;
- max-width: 95vw;
+ max-width: 100%;
padding-bottom: 20px;
+ padding-top: 20px;
}
.footer {
display: flex;
justify-content: center;
- margin: 40px;
}
.header {
display: flex;
justify-content: space-between;
- margin: 40px;
}
.header #left {
@@ -170,6 +174,7 @@ body {
flex-wrap: wrap;
display: flex;
gap: 40px;
+ row-gap: 15px;
}
.stack
@@ -179,7 +184,7 @@ body {
}
#nextprev {
- padding-top: 20px;
+ padding-top: 40px;
}
#nextprev #next, #nextprev #prev{
@@ -187,25 +192,6 @@ body {
overflow:hidden;
}
-/* mobile */
-@media only screen
-and (max-device-width: 900px)
-{
-.header
-{
- margin: 10px;
-}
-.footer
-{
- margin: 10px;
-}
-.h1t
-{
- font-size: 300%;
-}
-
-}
-
/* animation */
@keyframes reveal2 {
from { opacity: 0.1; }
@@ -262,4 +248,23 @@ hr {
border-color: white;
border: 1px solid #ffffff1f;
margin: 60px 0px;
+}
+
+/* mobile */
+@media only screen
+and (max-device-width: 900px)
+{
+.header
+{
+ margin: 10px;
+}
+.footer
+{
+ margin: 10px;
+}
+.h1t
+{
+ font-size: 300%;
+}
+
} \ No newline at end of file