---
# System prepended metadata

title: Styling HackMD

---

---
title: Styling HackMD
---

```shell=echo 
"shell text"
```
[](https://)
```javascript=
console.log("hello world");
```

```csharp=
Console.WriteLine("asdf");
var test = 1;
const test2 = 134;
#fgsfg

```

```html=
// Test
<!-- Test 2 -->
<div>Hello World</div>
```

---


| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |
| Text     | Text     | Text     |
| Text     | Text     | Text     |

Table without headers:

|        |          |        |          |
| ------ | -------- | ------ | -------- |
| With   | material | design | tables,  |
| column | headers  | become | optional |


:::info
Info text
:::

:::success
Success Text
:::

:::warning
Warning text
:::

:::danger
Danger text
:::
 

<style>
.markdown-body {
    background-color: #FFFF;
    background-image: 
 
}
.ma{
    background-color: blue;
}

.markdown-body pre {
    background-color: green;
    border: 1px solid #555 !important;
    color: green;
    font-weight: 600;
}
.token.operator, .token.entity,
.token.url, .language-css .token.string,
.style .token.string {
    background: green;
}

/*
 * materialish tables
 */
.markdown-body table {
    display: table;
    padding: 1em;
    width: 100%;
}

.markdown-body table th,
.markdown-body table td,
.markdown-body table tr {
    border: none !important;
}

.markdown-body table tr {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(0, 56, 0, 0.5) !important;
}


</style>
