/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   @import url("https://fonts.googleapis.com/css?family=Barlow|Tomorrow:400,700&display=swap");
   @font-face {
      font-family: Cyber;
      src: url("https://assets.codepen.io/605876/Blender-Pro-Bold.otf");
      font-display: swap;
    }

body {
   color: #fff;
   font-family: Cyber, arial, sans-serif;
   margin: 0;
   background-color: black;
   /* background-image: url(../img/glitch-bg.gif); */
   /* background-image: url(img/bg-gif.gif); */
   background-position: center center;
   background-attachment: initial;
   background-size: cover;
   /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */
   }

.jumbotron{
      background-color: transparent;
}

.left-side{
   text-align: center;
}

.ticket-img{
   max-width: 60%;
   margin: 0 auto;
   display: block;
   margin-bottom: 40px;
}


.left-side h1 {
   color: #00f0ff;
   text-transform: uppercase;
   font-size: 2em;
 }

 .right-side .info__title {
   color: #fff;
   font-size: 4rem;
   text-transform: uppercase;
   border-bottom: 2px solid #fff;
   padding-bottom: 10px;
   position: relative;
 }
 .info__title::before {
   content: "";
   width: 20%;
   height: 0;
   border-width: 8px 8px 0 8px;
   border-style: solid;
   border-color: #fff transparent #fff #fff;
   position: absolute;
   bottom: -8px;
   left: 0;
 }

.list{
   font-size: 1.7rem;
   line-height: 2.5rem;
   margin-top: 40px;
   padding-left: 0;
}