::-webkit-scrollbar {
    display: none;
}
        body {
            font-family: serif;
            margin: 0;
        }

        ul {
            list-style-type: none;
            text-align: justify;
            padding: 0;

            p {
                margin-top: 0;
                flex: 4;
            }

            .gigTitle {
                font-size: 1.3em;
                max-width: 180px;
            }

            .date {
                float: right;
                margin-right: 5%;
            }

        }

        footer {
            filter: url('#goo');
            /*blur(2px);*/
            position: absolute;
            bottom: 0;
            animation: .3s infinite alternate linear footAnim;
        }

        #content {
            overflow: hidden;
            max-height: 70%;
            display: flex;
            flex-direction: row-reverse;
            margin-right: 5vw;
            >div{
              margin-left: 2vw;
              margin-right: 2vw;
            }
        }

        h2 {
            color: red;
            /*margin-right: 5%;*/
            filter: url('#goo');
            font-size: 2em;
        }

        #dates,
        #news {
            margin: 1px;
            flex: 3 200;
            max-width: 25vw;
            min-width: 350px;
            /*background: rgba(1, 1, 1, .3);*/
            height: 80vh;
            h2{
              text-align: end;  
            }
            text-shadow: 1px 1px white;
            max-height: 90vh;
            overflow: scroll;
            
            li{
                p,
                div {
                    filter: drop-shadow(0, 0, 0, rgb(255, 255, 255));
                }
            }
            ul{
              /*max-height: 50vh;
              overflow: scroll;*/
            }
        }
        
        #past{ 
          li{
            opacity: 70%;
          }
        }

        .poster {
            display: none;
            position: fixed;
            left: 10vw;
            top: 10vh;
            max-width: 100%;
            max-height: 70%;
            z-index: -1000;
            opacity: 100%;
        }
        
        :popover-open{
          height:50vh;
          width:50vw;
          padding:0;
          overflow:clip;
        }

        .show {
            display: block !important;
        }
        
        .secretLink{
          text-decoration:none;
          color:inherit;
        }
        

        /* animations and things*/
        #bgImg,
        .bgImg {
            object-fit: fill;
            position: fixed;
            left: 0;
            top: 10vh;
            width: 80vw;
            height: 80vh;
            min-width: 500px;
            min-height: 30%;
            max-height: 100%;
            z-index: -1;
            filter: brightness(1.5) blur(1px);
            transform: scaleX(-1);
        }

        @keyframes footAnim {
            from {
                color: blue;
            }

            to {
                color: black;
            }
        }

        @media only screen and (max-width: 800px) {
            body {
                zoom: 70%;
            
                #content {
                    flex-direction: column-reverse;
                    align-items:center;
                }
              #dates,#news{
                min-width: 450px;
              }
            }
        }