.past-events { 
    font-family: 'Nunito';
    text-align: center;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 25px;
    justify-content: center;
    border-radius: 100px 100px 100px 100px;
    transition: .3s;
    border-block-style: groove;
   border-block-width: thick;
   border-style: double;
   background: rgb(50,185,152);
   background: -moz-linear-gradient(30deg, rgba(50,185,152,1) 15%, rgba(147,255,214,1) 35%, rgba(50,185,152,1) 55%, rgba(147,255,214,1) 75%, rgba(50,185,152,1) 95%);
   background: -webkit-linear-gradient(30deg, rgba(50,185,152,1) 15%, rgba(147,255,214,1) 35%, rgba(50,185,152,1) 55%, rgba(147,255,214,1) 75%, rgba(50,185,152,1) 95%);
   background: linear-gradient(30deg, rgba(50,185,152,1) 15%, rgba(147,255,214,1) 35%, rgba(50,185,152,1) 55%, rgba(147,255,214,1) 75%, rgba(50,185,152,1) 95%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#32b998",endColorstr="#32b998",GradientType=1);   border-block-end-color: rgb(0, 65, 50);
   box-shadow: 0 0 20px 0  rgb(113, 36, 255);
   border-inline-color: rgb(113, 36, 255);
   border-block-color: green;
   writing-mode: horizontal-tb;
}
.past-events:hover {
    border-style: double;
    border-block-style: groove;
   border-block-width: thick;
   box-shadow: 0 0 20px 0  rgb(255, 255, 255);
   border-inline-color: green;
   border-block-color: rgb(113, 36, 255);
   background: linear-gradient(45deg, #dd8af7, #dd8af7, #dd8af7, #dd8af7, #8aeef5, #fff2ba, #9ff8b2, #9ff8b2, #9ff8b2, #9ff8b2);
   animation: colorAnimationEvent 6s  infinite;
   background-size: 600% 600%;
}
.past-events-banners {
    flex: 0px;
    border-radius: 25%;
    max-width: 300px;
    max-height: 300px;
    height: 300px;
    width: 300px;
    border-style: double;
    border-block-end-color: rgb(0, 65, 50);
    box-shadow: 3px 3px 6px 2px rgb(0, 43, 4);
}
.past-events-banners:hover {
    transform: scale3d(1.02, 1.02, 1.02); 
    transition: transform 0.3s ease;
    cursor: pointer;
}
.past-events-banners:active {
    transform: scale3d(1.03, 1.03, 1.03); 
}
.past-events-title{
    text-align: center;
}
.past-events-title:hover {
    text-shadow: 3px 8px 8px #000000
}
img.pm-rank-centered {
    transition:  1s;
}
img.pm-rank-centered:hover {
    cursor: unset;
    transition: 1s;
}
.vodsPast {
    font-size: 25px;
    background: rgb(50,185,152);
    background: -moz-linear-gradient(0deg, rgba(50,185,152,1) 35%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(50,185,152,1) 35%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(50,185,152,1) 35%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#32b998",endColorstr="#ffffff",GradientType=1);
    border-radius: 15px 15px 15px 15px;
    padding-left: 10px;
    padding-right: 10px;
    transition:  .3s;
    box-shadow: inset 0 0 3px 0 rgb(50,185,152);
        border-inline-color: rgb(113, 36, 255);
        border-block-color: green;
        border-style: double;
        border-block-style: groove;
       border-block-width: thick;
       margin: 0px 15px 5px 15px;
}
@media only screen and (max-width: 600px) {
    a.vodsPast {
        flex: 1;
        width: 50%;
        font-size: 20px;
        display: inline-block;
        margin: 5px 0 5px 0;
    }
}
.vodsPast:hover {
    transition: .75s ease-in-out;
    color: rgb(0, 0, 0);
        border-style: double;
        border-block-style: groove;
       border-block-width: thick;
       box-shadow:inset 0px 0px 0px 300px rgba(0, 0, 0, 0.438);
       background: transparent
}
.vodsPast:active {
    transition: none;
    box-shadow: 4px 4px 7px 3px rgb(0, 43, 4);
    color: rgb(27, 0, 199);
    background: rgba(0, 0, 0, 0.322);

}
.vodsPastAfter {
    transition: .5s ease-in-out; 
    background: linear-gradient(30deg, rgba(50,185,152,1) 15%, rgba(147,255,214,1) 35%, rgba(50,185,152,1) 55%, rgba(147,255,214,1) 75%, rgba(50,185,152,1) 95%);
    box-shadow: inset 0px 0px 0px 0px  rgba(0, 0, 0, 0.521);
}
.top3 {
    font-size: large;
}
.pm-rank-centered-invis {
    visibility: hidden;
}
img.events-banners-trans {
    cursor: unset;
    transform: rotate3d(0, 10, 0, 360deg);
}
@media only screen and (max-width: 600px) {
    li.past-events {
        border-radius: 25%;
        border-style: double;
        flex: 1;
        width: 50%;
        max-width: 250px;
        min-width: 200px;
    }
    img.past-events-banners {
        border-radius: 25%;
        border-style: double;
        border-block-end-color: rgb(0, 65, 50);
        box-shadow: 3px 3px 6px 2px rgb(0, 43, 4);
        flex: 1;
        width: 75%;
    }
    img.past-events-banners {
        border-radius: 25%;
        border-style: double;
        border-block-end-color: rgb(0, 65, 50);
        box-shadow: 3px 3px 6px 2px rgb(0, 43, 4);
        flex: 1;
        width: 75%;
    }
    ul.pastList {
        justify-content: center;
        margin: unset;
    }
    p.top3 {
        margin: 10px 0 10px 0;
    }
}