.srcai-fg-1 {
    color: #1D2E5D;
}

.srcai-fg-2 {
    color: #69b781
}

.srcai-fg-3 {
    color: #8d2bb1;
}


.srcai-bg-1 {
    background-color: rgba(19, 41, 92, 0.5);
}

.srcai-bg-2 {
    background-color: rgba(105, 183, 129, 0.5);
}


.srcai-bg-3 {
    background-color: rgba(141, 43, 177, 0.5);
}


.srcai-bg-2-faded {
    background-color: rgba(105, 183, 129, 0.2);
}



svg.logo, .srcai-shadow {
    filter: drop-shadow(0px 0px 20px rgb(141 43 177 / 0.8));
}

.logoc {
    color: #2f4f4f;
}
@font-face {
    font-family: 'Source Code Pro';
    src: url("../fonts/SourceCodePro-Regular.otf.woff") format("woff"),
    url("../fonts/SourceCodePro.ttf") format("truetype");
}
.srcai {
    font-family: "Source Code Pro";
    font-weight: bolder;
}

#scroll-hint {
    cursor: pointer;
    transition: opacity 1s;
}

.bounce {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 1.0, 0.05, .5);
    animation-iteration-count: infinite;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, -50px, 0);
    }
}