Redesign with Tailwind

assets/site.css

@@ -1,75 +0,0 @@
-@font-face {
-    font-family: "DM Mono";
-    src: url("DM_Mono/DMMono-Regular.ttf") format("opentype");
-}
-
-@font-face {
-    font-family: "DM Mono";
-    font-weight: 500;
-    src: url("DM_Mono/DMMono-Medium.ttf") format("opentype");
-}
-
-@font-face {
-    font-family: "DM Mono";
-    font-style: italic;
-    src: url("DM_Mono/DMMono-Italic.ttf") format("opentype");
-}
-
-@font-face {
-    font-family: "DM Mono";
-    font-weight: 500;
-    font-style: italic;
-    src: url("DM_Mono/DMMono-MediumItalic.ttf") format("opentype");
-}
-
-:root {
-    font-family: "DM Mono", "Courier New", Courier, monospace;
-    background-color: hsl(224, 44%, 95%);
-    --color-theme-1: #ff3e00;
-}
-
-body {
-    max-width: 700px;
-    padding: 20px;
-    margin: auto;
-}
-
-nav {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    padding: 20px;
-    gap: 15px;
-}
-
-a {
-    color: var(--color-theme-1);
-    text-decoration: none;
-    transition-duration: 0.5s;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-nav a {
-    color: gray;
-    transition-property: color;
-    transition-duration: 0.5s;
-    text-decoration: none;
-    border: none;
-}
-
-nav a:hover,
-nav a.active {
-    color: inherit;
-    text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        background-color: hsl(205.18, 14.29%, 10.94%);
-        color: rgba(255, 255, 255, 0.9);
-    }
-}