first commit

public/md.css

@@ -0,0 +1,47 @@
+.md h1, 
+.md h2,
+.md h3{
+  color: var(--bright-main);
+  margin: 20px 0px 5px 0px;
+  font-weight: 900;
+}
+
+.md h1 {
+  font-size: 30px;
+}
+
+.md h2 {
+  font-size: 25px;
+}
+
+.md h3 {
+  font-size: 20px;
+}
+
+.md p {
+  font-size: 20px;
+  color: var(--bright-second);
+  line-height: 28px;
+}
+
+.md a {
+  color: var(--bright-second);
+  text-decoration-thickness: 1px;
+}
+
+.md b {
+  color: var(--bright-main);
+}
+
+.md ul, .md ol {
+  list-style-position: inside;
+  font-size: 20px;
+  color: var(--bright-second);
+  margin: 10px 0px 10px 0px;
+}
+
+.md code {
+  font-family: JetBrainsMono; 
+  background: var(--dark-third);
+  border-radius: 5px;
+}

public/style.css

@@ -0,0 +1,141 @@
+@font-face {
+  font-family: Ubuntu;
+  src: url("fonts/ubuntu.ttf");
+}
+
+@font-face {
+  font-family: JetBrainsMono;
+  src: url("fonts/jetbrains.ttf");
+}
+
+:root {
+  --dark-main: black;
+  --dark-second: #070707;
+  --dark-third: #101010;
+  --bright-main: white;
+  --bright-second: #DFDFDF;
+}
+
+::selection {
+  background: rgba(150, 150, 150, 0.4);
+}
+
+*{
+  padding: 0;
+  font-family: Ubuntu;
+  margin: 0;
+}
+
+body{
+  background: var(--dark-main);
+}
+
+.bar {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background: var(--dark-second);
+  padding: 20px;
+  border-bottom: solid 1px white;
+}
+
+.logo {
+  font-family: JetBrainsMono;
+  font-size: 30px;
+  color: white;
+}
+
+.links {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+}
+
+.links a{
+  color: var(--bright-main);
+  font-family: Ubuntu;
+  font-size: 20px;
+  text-decoration: none;
+}
+
+.links a:hover {
+  color: var(--bright-second);
+}
+
+.readme {
+  padding: 25px 20% 0% 20%;
+  color: var(--bright-second);
+}
+
+.post {
+  padding: 40px 20% 0% 20%;
+  color: var(--bright-second);
+}
+
+.news {
+  display: flex;
+  flex-direction: column;
+  padding: 40px 20% 0% 20%;
+}
+
+@media only screen and (max-width: 1200px) {
+  .readme {
+    padding: 25px 10% 0% 10%;
+    color: var(--bright-second);
+  }
+
+  .post {
+    padding: 40px 10% 0% 10%;
+    color: var(--bright-second);
+  }
+
+  .news {
+    display: flex;
+    flex-direction: column;
+    padding: 40px 10% 0% 10%;
+  }
+}
+
+.new-small {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: white;
+  padding: 20px;
+  background: var(--dark-second);
+  border: solid 1px var(--bright-second);
+  text-decoration: none;
+}
+
+.new-small h1 {
+  font-size: 20px;
+  font-weight: 400;
+}
+
+.error {
+  text-align: center;
+}
+
+.error h1{
+  font-size: 30px;
+  color: white;
+  margin: 50px 50px 10px 50px;
+}
+
+.error a{
+  font-size: 25px;
+  color: var(--bright-second);
+}
+
+.post h1 {
+  font-size: 30px;
+  color: var(--bright-main);
+}
+
+.post p {
+  font-size: 18px;
+  color: var(--bright-main);
+  margin: 5px 0px 10px 0px;
+}