/* Add here all your CSS customizations */

@font-face {
    font-family: 'pontiacinline3dregular';
    src: url('fonts/pontiac_inline_3d-webfont.woff2') format('woff2'), url('fonts/pontiac_inline_3d-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'pontiacinlineinsideregular';
    src: url('fonts/pontiac_inline_inside-webfont.woff2') format('woff2'), url('fonts/pontiac_inline_inside-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'pontiacinlineregular';
    src: url('fonts/pontiac_inline_regular-webfont.woff2') format('woff2'), url('fonts/pontiac_inline_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'pontiacinlineshadowregular';
    src: url('fonts/pontiac_inline_shadow-webfont.woff2') format('woff2'), url('fonts/pontiac_inline_shadow-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.cslogo {
    font-family: pontiacinlineregular,pontiacinline3dregular,pontiacinlineshadowregular;
    font-weight: 500;
    font-size: 58px;
    color: #000;
}

.csgear {
    color: #BE5108;
}

.spin-reverse {
    transform: scaleX(-1);
    animation: spin-reverse 4s infinite linear;
}

@keyframes spin-reverse {
    0% {
        transform: scaleX(-1) rotate(-360deg);
    }

    100% {
        transform: scaleX(-1) rotate(0deg);
    }
}