@font-face {
    font-family: RubikBlack;
    src: url(../fonts/Rubik-Black.ttf);
}

@font-face {
    font-family: RubikRegular;
    src: url(../fonts/Rubik-Regular.ttf);
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pixel-art-img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

@keyframes slide {
    from { background-position: bottom }
    to { background-position: bottom 0px left -7488px; }
}

.parallax-bg-img {
    background-repeat: round;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: bottom;
    position: fixed;
    bottom: 0px;
    height: 100%;
    width: inherit;
    max-height: 80%;
}

.title-font {
    text-align: center;
    font-family: RubikBlack;
    color: white; 
    text-shadow: 5px 5px rgba(0, 0, 0, .25);
    font-size: clamp(4rem, 22.5vw, 10rem);
}

.full-center {
    width: 100vw;
    height: 100vh;
    left: 50%;
    margin-top: 15%;
}