@font-face {
    font-family: "JetBrains Mono";
    src: url("JetBrainsMono-Regular.woff2") format("woff2");
}
section { background-color: #393737; padding: 40px; font-size: 1.2rem; font-family: "JetBrains Mono", sans-serif; }
section h1, section p { margin-bottom: 0; }
section article { margin-bottom: 20px; }
section .indent-1 { margin-left: 40px; }
section .indent-2 { margin-left: 80px; }
section .indent-3 { margin-left: 120px; }
section .indent-4 { margin-left: 160px; }
section .comment { color: #75715E; }
section .string { color: #E6DB74; }
section .int { color: #AE81FF; }
section .end-line { color: #CC7832; }
section .array-separator, section .return { color: #F92672; }
section .function { color: #A6E22E; }

section h1 { color: white; font-size: 3rem; }
section img { float: right; }
section .tag, section .const .const-separator, section .close-function { color: white; }
section .main-tag { font-size: 2rem; }

section .main-comment { font-size: 2rem; }

section .const .const-name { color: #9876AA; font-style: italic; }

@media screen AND (max-width: 767px) {
    .container { padding: 0; }
    section { padding: 20px; }
    section .indent-1 { margin-left: 20px; }
    section .indent-2 { margin-left: 40px; }
    section .indent-3 { margin-left: 60px; }
    section .indent-4 { margin-left: 80px; }

    section img { display: block; margin: 0 auto 20px; float: none; }

    section .main-comment { font-size: 1.5rem; }
}