/* /Components/Layout/Footer.razor.rz.scp.css */
.footer[b-0lks4asqfd] {
    background: var(--cf-blue-radial-gradient);
}


.social a[b-0lks4asqfd] {
    color: var(--cf-blue-color-light);
    transition: color 0.25s;
}

.social a:hover[b-0lks4asqfd] {
    color: var(--cf-orange-color);
}

.bi[b-0lks4asqfd] {
    font-size: 2rem;
    padding-inline-start: .5rem;
}


.ctaTitle[b-0lks4asqfd] {
    font-family: "Fira Sans", system-ui;
    font-weight: 900;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    background: var(--cf-orange-gradient);
    background-clip: text;
    color: transparent;
}

.ctaSubTitle[b-0lks4asqfd] {
    font-family: var(--cf-title-font);
    font-weight: 300;
    font-style: normal;
    line-height: 1.4rem;
    font-size: 1.2rem;
}
/* /Components/Layout/TopNavMenu.razor.rz.scp.css */
.navbar[b-2xhtn4x28s] {
    background: var(--cf-blue-radial-gradient);
    border: 1px solid var(--cf-dark-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.nav-item[b-2xhtn4x28s] {
    --bs-navbar-color: var(--cf-theme-400);
    --bs-nav-link-color: var(--cf-theme-400);
    --bs-navbar-hover-color: var(--cf-orange-color);
    --bs-nav-link-hover-color: var(--cf-orange-color);
}

.dropdown-menu[b-2xhtn4x28s] {
    background-color: var(--cf-theme-900);
}

.dropdown:has(.nav-link.active) .dropdown-toggle[b-2xhtn4x28s] {
    color: var(--bs-navbar-active-color);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.title[b-c3bkb192nj] {
    font-family: var(--cf-title-font);
    font-size: 3rem;
    color: var(--cf-title-color);
    line-height: 3rem;
}

.subtitle[b-c3bkb192nj] {
    font-size: 1rem;
    font-family: var(--cf-body-font);
}

.devicons[b-c3bkb192nj] {
    font-size: 2rem;
    padding: .25rem;
    filter: contrast(1.25) brightness(1.2);
    /* 
      Safari cuts off the text shadow without this explicitly added,
      even if the element is already a block element
    */
    display: block;
}

.img-fluid[b-c3bkb192nj] {
    max-width: min(480px, 100%);
    filter:
        drop-shadow(0 0 3px hsl(144deg, 100%, 35%)) hue-rotate(-70deg) brightness(1.2);
    animation: logo-b-c3bkb192nj 8s infinite
}

@keyframes logo-b-c3bkb192nj {
    22% {
        opacity: 1;
    }

    25% {
        opacity: .7
    }

    28% {
        opacity: 1
    }

    31% {
        opacity: .7
    }

    34% {
        opacity: 1
    }
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .title[b-c3bkb192nj] {
        font-family: var(--cf-title-font);
        font-size: 3.5rem;
        color: var(--cf-title-color);
        line-height: 3rem;
    }

    .subtitle[b-c3bkb192nj] {
        font-size: 1.5rem;
    }

    .devicons[b-c3bkb192nj] {
        font-size: 2.5rem;
    }

    .summary[b-c3bkb192nj] {
        text-align: justify;
    }

}
/* /Components/UI/Keypad.razor.rz.scp.css */
.key[b-e49qelq4aq] {
    text-align: center;
    padding: .5rem;
    width: 33.33%;
    font-size: 30px;
    color: #f0fff8;
    text-shadow: 0 0 .1em #80ffc0, 0 0 .33em #00ff66, 0 0 .66em #00ff66;
    touch-action: manipulation;
}

.key:hover[b-e49qelq4aq] {
    background-color: rgba(150, 150, 150, 0.15);
}

.key-row[b-e49qelq4aq] {
    padding: .5rem;
    width: 12rem;
    display: flex;
    align-items: stretch;
    gap: .5rem;
}
/* /Components/UI/Terminal.razor.rz.scp.css */
.blinking[b-0mtmyhl8uh] {
    animation: blink-b-0mtmyhl8uh 1s steps(1, start) infinite;
}

@keyframes blink-b-0mtmyhl8uh {
    50% {
        opacity: 0;
    }
}