Fix next and previous arrows and other tweaks

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