rework visual style

docs/stylesheets/extra.css

 .grid.cards {
-    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 2fr))
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 2fr));
+}
+
+:root {
+    --md-primary-fg-color: #ffdd4e;
+    --md-primary-bg-color: black;
+    --md-default-fg-color: white;
+    --md-default-fg-color--light: ;
+    --md-default-bg-color: black;
+    --md-footer-bg-color: #ffdd4e;
+    --md-footer-bg-color--dark: ;
+    --md-footer-bg-color--light: ;
+    --md-footer-fg-color: black;
+    --md-footer-fg-color--light: ;
+    --md-footer-fg-color--lighter: ;
+    --md-code-bg-color: black;
+    --md-code-fg-color: white;
+    --md-border-color: white;
+}
+
+.md-logo img {
+    transform: scale(1.5);
+}
+
+.md-typeset .grid.cards > ul > li {
+    border-width: 5px;
+    border-color: #ffdd4e;
+    border-radius: 4rem;
+    text-align: center;
+}
+
+.md-typeset pre > code {
+    border: solid #ffdd4e;
+    border-width: 5px !important;
+    border-radius: 1rem;
+}
+
+.md-sidebar {
+
+}
+
+.md-nav--primary {
+    border: solid #ffdd4e;
+    border-width: 4px !important;
+    border-radius: 1rem;
+}
+
+.md-nav--secondary {
+    border: solid #ffdd4e;
+    border-width: 4px !important;
+    border-radius: 1rem;
+}
+
+.md-nav__title {
+    box-shadow: 0 0 !important;
+    background: none !important;
+}
+
+.md-typeset h1 {
+    color: #ffdd4e;
 }
\ No newline at end of file