@font-face {
  font-family: "GeometosNeueUltra";
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/cryptorino/GeometosNeueUltra.otf");
}
@font-face {
  font-family: "Overpass-Regular";
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/cryptorino/Overpass-Regular.ttf");
}
@font-face {
  font-family: "Overpass-Semibold";
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/cryptorino/Overpass-SemiBold.ttf");
}


@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 20s linear infinite;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
}

body {
    background-color: #f4f6f6;
}

@media (max-width: 767px) {
    .mobile-logo {
        position: absolute;
        left: 1rem;
        height: 1.8rem;
        width: auto;
    }
    .desktop-logo {
        display: none;
    }
}


@media (min-width: 768px) {
    .mobile-logo {
        display: none;
    }
    .desktop-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 2.5rem;
        width: auto;
    }
}

html {
    scroll-behavior: smooth;
}


.prose {
    color: #374151;
    max-width: 65ch;
    line-height: 1.6;
}

.prose h2,
.prose h3 {
    color: #102d40;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
}

.prose p {
    margin-bottom: 1em;
}

.prose strong {
    font-weight: 600;
}


.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.lazy.loaded {
    opacity: 1;
}


.lazy-bg {
    background-color: #f4f6f6;
    background-size: cover;
    background-position: center;
}