Improve about page

1 files changed, 43 insertions, 0 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 8b401cf..e36eb3f 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -196,4 +196,47 @@ pre {
 
 .table tr:nth-last-child(1) td {
     border: none !important;
+}
+
+#circles {
+    display: grid;
+    grid-template-columns: repeat(8, 1fr);
+    grid-column-gap: 20px;
+    width: max-content;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.circle-icon {
+    background-color: rgba(0, 0, 0, .25);
+    width: 100px;
+    height: 100px;
+    border-radius: 999px;
+    display: block;
+    margin: 10px auto;
+}
+
+.circle-text {
+    text-align: center;
+}
+
+.circle-icon-img {
+    filter: invert(1);
+    width: 64px;
+    height: 64px;
+    margin: 18px;
+}
+
+@media (max-width: 1200px) {
+    #circles {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+    }
+}
+
+@media (max-width: 600px) {
+    #circles {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+    }
 }
\ No newline at end of file