.codeblock{
    color: rgb(134, 134, 134);
    background-color: rgb(73, 73, 73);
    padding: 10px;
    line-height: 1.2em;
    width: fit-content;
    border-radius: 10px;
    border: 1px black solid;
    overflow: hidden;
    margin: 20px;
}
.codeblock::before{
    display: block;
    background-color: rgb(44, 44, 44);
    padding: 10px;
    color: white;
    margin: -10px;
    margin-bottom: 5px;
}
.html::before{
    content: "HTML";
}
.php::before{
    content: "PHP";
}
.css::before{
    content: "CSS";
}
.js::before{
    content: "Javascript";
}
.sql::before{
    content: "SQL";
}
.codeblock_html_tag{
    color: orange;
}
.codeblock_html_attribute{
    color: rgb(94, 184, 214);
}
.codeblock_html_tag_open_or_close{
    color: white;
}
.sql{
    color: rgb(223, 0, 186);
}
.codeblock_sql_asterisk{
    color: pink;
}
.codeblock_sql_quote{
    color: lightblue;
}
.css{
    color: goldenrod;
}
.codeblock_css_inside_brackets{
    color: lightblue;
}
.codeblock_css_value{
    color: orangered;
}