@font-face {
    font-family: 'Google Sans Code';
    src: url('/static/vendor/googlefonts/GoogleSansCode-VariableFont.ttf') format('truetype');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans Flex';
    src: url('/static/vendor/googlefonts/GoogleSansFlex-VariableFont.ttf') format('truetype');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Google Sans Flex", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
        "wdth" 100,
        "ROND" 100;
}

.content {
    margin-top: 100px;
    color: white;
}

.smd-layout_navbar {
  margin-left: 64px !important;
}

.smd-layout_navbar a {
  font-family: "Google Sans Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
      "wdth" 100,
      "GRAD" 0,
      "ROND" 100;
}

.smd-layout_navbar span.material-symbols {
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 1px;
}

.smd-layout_header-branding img {
  transition: transform 1s ease-in-out;
  display: inline-block; 
}

.smd-layout_header-branding a:hover img {
  transform: rotate(3260deg);
}