<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <defs>
    <style>.cls-1{fill-rule:evenodd;}.cls-2{fill:none;}</style>
  </defs>
  <title>logo--github</title>
  <path fill="#121212" class="cls-1" d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"/>
  <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-2" width="32" height="32"/>
</svg>

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   width="16"
   height="16"
   viewBox="0 0 4.2333332 4.2333335"
   version="1.1"
   id="svg1468"
   sodipodi:docname="codeberg-logo_icon_blue.svg"
   inkscape:version="1.2-alpha1 (b6a15bb, 2022-02-23)"
   inkscape:export-filename="/home/mray/Projects/Codeberg/logo/icon/png/codeberg-logo_icon_blue.png"
   inkscape:export-xdpi="384"
   inkscape:export-ydpi="384"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title
     id="title16">Codeberg logo</title>
  <defs
     id="defs1462">
    <linearGradient
       xlink:href="#linearGradient6924"
       id="linearGradient6918"
       x1="42519.285"
       y1="-7078.7891"
       x2="42575.336"
       y2="-6966.9307"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       id="linearGradient6924">
      <stop
         style="stop-color:#2185d0;stop-opacity:0"
         offset="0"
         id="stop6920" />
      <stop
         id="stop6926"
         offset="0.49517274"
         style="stop-color:#2185d0;stop-opacity:0.48923996" />
      <stop
         style="stop-color:#2185d0;stop-opacity:0.63279623"
         offset="1"
         id="stop6922" />
    </linearGradient>
    <linearGradient
       xlink:href="#linearGradient6924-6"
       id="linearGradient6918-3"
       x1="42519.285"
       y1="-7078.7891"
       x2="42575.336"
       y2="-6966.9307"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       id="linearGradient6924-6">
      <stop
         style="stop-color:#2185d0;stop-opacity:0;"
         offset="0"
         id="stop6920-7" />
      <stop
         id="stop6926-5"
         offset="0.49517274"
         style="stop-color:#2185d0;stop-opacity:0.30000001;" />
      <stop
         style="stop-color:#2185d0;stop-opacity:0.30000001;"
         offset="1"
         id="stop6922-3" />
    </linearGradient>
  </defs>
  <sodipodi:namedview
     showborder="false"
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="22.627417"
     inkscape:cx="12.948893"
     inkscape:cy="12.661631"
     inkscape:document-units="px"
     inkscape:current-layer="svg1468"
     inkscape:document-rotation="0"
     showgrid="false"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0"
     units="px"
     inkscape:snap-global="false"
     inkscape:snap-page="true"
     showguides="false"
     inkscape:window-width="1531"
     inkscape:window-height="873"
     inkscape:window-x="69"
     inkscape:window-y="27"
     inkscape:window-maximized="1"
     inkscape:pagecheckerboard="0"
     inkscape:deskcolor="#d1d1d1">
    <inkscape:grid
       type="xygrid"
       id="grid2067" />
  </sodipodi:namedview>
  <metadata
     id="metadata1465">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title>Codeberg logo</dc:title>
        <cc:license
           rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
        <dc:creator>
          <cc:Agent>
            <dc:title>Robert Martinez</dc:title>
          </cc:Agent>
        </dc:creator>
        <dc:rights>
          <cc:Agent>
            <dc:title>Codeberg and the Codeberg Logo are trademarks of Codeberg e.V.</dc:title>
          </cc:Agent>
        </dc:rights>
        <dc:date>2020-04-09</dc:date>
        <dc:publisher>
          <cc:Agent>
            <dc:title>Codeberg e.V.</dc:title>
          </cc:Agent>
        </dc:publisher>
        <dc:source>codeberg.org</dc:source>
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
  <g
     id="g370484"
     inkscape:label="logo"
     transform="matrix(0.06551432,0,0,0.06551432,-2.232417,-1.431776)">
    <path
       id="path6733-5"
       style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient6918-3);fill-opacity:1;stroke:none;stroke-width:3.67846;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill;stop-color:#000000;stop-opacity:1"
       d="m 42519.285,-7078.7891 a 0.76086879,0.56791688 0 0 0 -0.738,0.6739 l 33.586,125.8886 a 87.182358,87.182358 0 0 0 39.381,-33.7636 l -71.565,-92.5196 a 0.76086879,0.56791688 0 0 0 -0.664,-0.2793 z"
       transform="matrix(0.37058478,0,0,0.37058478,-15690.065,2662.0533)"
       inkscape:label="berg" />
    <path
       class="cls-1"
       id="path360787"
       style="opacity:1;fill:#121212;fill-opacity:1;stroke-width:17.0055;paint-order:markers fill stroke;stop-color:#000000"
       d="m 11249.461,-1883.6961 c -12.74,0 -23.067,10.3275 -23.067,23.0671 0,4.3335 1.22,8.5795 3.522,12.2514 l 19.232,-24.8636 c 0.138,-0.1796 0.486,-0.1796 0.624,0 l 19.233,24.8646 c 2.302,-3.6721 3.523,-7.9185 3.523,-12.2524 0,-12.7396 -10.327,-23.0671 -23.067,-23.0671 z"
       sodipodi:nodetypes="sccccccs"
       inkscape:label="sky"
       transform="matrix(1.4006354,0,0,1.4006354,-15690.065,2662.0533)" />
  </g>
</svg>

      border-radius: 12px;

      border-radius: 8px;

        a {
          color: var(--black);
        }

  h1,h2,h3,h4 {
    // margin: 2.5rem 0 1.5rem 0;
    line-height: 1.3;
    color: var(--black);
  }

  h1,h2,h3,h4 { line-height: 1.3; }

    color: var(--primary-dark);

    color: blue;

// --- small screens ---

// --- media queries ---

/* @media (prefers-color-scheme: dark) { */
  /* html { */
    /* color: var(--white); */
    /* background-color: var(--black); */

    /* nav { */
      /* #logo { */
        /* #soul { */
          /* color: var(--primary); */
        /* } */
      /* } */
    /* } */
  /* } */
/* } */

// social
.social {
  display: flex;
  padding: 8px 0px;
  gap: 16px;
  li {
    list-style: none;
    a {
      img {
        width: 40px;
      }
    }
  }
}