/* BEGIN SHOW CASE CARDS CSS */

.Card_Category {
    height: auto;
    width: 90%;
    min-width: 360px;
    max-width: 800px;
    background-color: #000000;
    box-shadow:  0px 10px 25px 1px #000000;
    transition-duration: .25s;
    position: relative;
    margin: 1.25vh;
}
.Card_Category:hover {
    box-shadow:  0px 20px 50px 1px #000000;
    transform: scale(1.01);
    transition-duration: .25s;
}
.Triangle_Top_Left {
    border-right: 100px solid transparent;
    border-top: 100px solid hsl(0, 100%, 50%);
    position: absolute;
    left: 0px;
    top: 0px;
}
.Triangle_Bottom_Right {
    border-bottom: 100px solid  #3b3b3b;
    border-left: 100px solid transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.Title_Bar {
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
    background-color: #000;
    font-family: 'LeagueGothic';
    font-size: 300%;
    padding-top: 15px;
    padding-bottom: 15px;
}
/* Specifies Slider Space */
.Stills_Stack {
    height: 360px;
    width: 100%;
    background-color: #000000;
    float: left;
    overflow: hidden;
}
/* Allows Stacked Tracks */
.Stills_Tracks {
    overflow: hidden;
}
.Stills_Track {
    overflow: hidden;
    white-space: nowrap;
    width: fit-content;
    margin-bottom: -4px;
}
/* Builds Slider Cars */
.Stills_Car {
    width: fit-content;
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px;
}
.Stills_Car img{
    height: 180px;
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px;
}
.Stills_Car.Top {
    animation: 15s TopTrack infinite linear;
    
}
.Stills_Car.Bottom {
    animation: 15s BottomTrack infinite linear;
}

/* Animates Slider Cars */
@keyframes TopTrack {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes BottomTrack {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}
/* SMALL SCREEN CONDITIONALS */
@media (max-width: 600PX) {
    .Stills_Car.Bottom {
     display: none;
    }
     .Triangle_Top_Left {
         border-right: 50px solid transparent;
         border-top: 50px solid hsl(0, 100%, 50%);
     }
     .Triangle_Bottom_Right {
         border-bottom: 50px solid  #3b3b3b;
         border-left: 50px solid transparent;
     }    
     .Stills_Stack {
        height: 180px;
     }
     .Stills_Track {
        margin-bottom: 0px;    
     }
     .Title_Bar {
        font-size: 160%;
    }
   }