body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


h1, h2, h3, h4, h5, #menu, .logo {
    font-family: "K2D", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

pre, code {
  font-family: "Ubuntu Mono", monospace;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1rem !important;
}

#menu a {
    font-size: 20px !important;
}

.logo a {
    font-size: 30px;
    background: linear-gradient(70deg, var(--primary), var(--primary) 30%, #006eed 150%);
    -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
}

.logo a dark {
    font-size: 30px;
    background: linear-gradient(70deg, var(--primary), var(--primary) 50%, #006eed 180%);
    -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
}

img {
    border-radius: 10px;
}

h1 {
    font-size: 36px !important;
}

h2 {
    font-size: 30px !important;
}

h3 {
    font-size: 24px !important;
}

h4 {
    font-size: 20px !important;
}