html {
  scroll-behavior: smooth;
}

body {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum";
}

@keyframes rotateAndPause {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.logo-animated {
    height: 100vh;

    position: relative;
    transform-origin: center;
}

.logo-animated img {
    animation: rotateAndPause 12s linear infinite; /* Adjust the duration as needed */
    transform-origin: center;
    position: absolute;
    transform: translate(-50%, -50%);
}

.lg\:logo-animated img {
    width: 100%;
    max-width: 80vh;

    top: 100%;
    left: 50%;
}

.default\:logo-animated img {
    top: 50%;
    left: 0;
}


.panel-bg-primary{
    background: linear-gradient(113deg, #200d2d 13.33%, #09938f 101.58%)
}