html {
    background-color: #181c20;
}

html, body {
    letter-spacing: -0.031em;
    scroll-behavior: smooth;
}

.hero-title, .hero-title * {
    font-family: 'Inter', "Font Awesome 5 Free" !important;
    word-spacing: unset !important;
}

#nav-header {
    border-top: solid 4px;
    border-image-slice: 1;
    border-image-source: linear-gradient(130deg, rgba(6, 244, 187, 1) 0%, rgba(64, 155, 219, 1) 50%, rgba(121, 62, 202, 1) 100%);
    transition: background ease 0.5s;
}

.navbar-burger {
    width: 4rem;
}

#subsite {
    color: #454D56;
    border-left: solid #E5E8EC 2px;
    margin-left: .5rem;
    padding-left: .5rem;
}

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .title, .title *, a.button, a.button *, nav a {
    font-family: "JetBrains Mono", "Font Awesome 5 Free";
    word-spacing: -.3rem;
}

.box.box-padding {
    padding: 3rem
}

footer .title, footer .title * {
    font-family: unset;
    word-spacing: unset;
}

.has-text-gradient {
    background: linear-gradient(130deg, rgba(6, 244, 187, 1) 0%, rgba(64, 155, 219, 1) 50%, rgba(121, 62, 202, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.has-divider {
    border-top: 4px dotted #323A41
}

.has-divider-lighter {
    border-top: 4px dotted #454D56
}

.has-divider-verylight {
    border-top: 4px dotted #E5E8EC
}

img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none;
}

img.logo {
    width: auto;
    min-height: 3rem
}

footer.footer {
    padding-top: 4em;
}

.footer img {
    height: 3.5rem;
}

.footer hr {
    background-color: #444a55;
}

@media only screen and (max-width: 768px) {
    .hero.is-medium>.hero-body {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 10rem 1.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .is-nodisplayon-Mobile {
        display: none;
    }
}