@font-face {
  font-family: "ancient"; 
  src: url("/fonts/ancient-medium.ttf") format("truetype");
}

@font-face {
  font-family: "worldstar"; 
  src: url("/fonts/worldstar.ttf") format("opentype");
}
      
            
       
            
body { background-image: url('images/Glitch1.gif'); /* source: https://giphy.com/gifs/vintage-super-8-film-stock-kPP1iePmwRuolNBtJU */
  background-color: white;
  background-size: cover;
  color: white;
  font-family: 'worldstar';
  font-size:62.5%;
  display: flex;
  margin:0;
  padding: 0;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh; 
  
}


h2 {font-family: 'ancient';
  font-size: 4em}
p {font-family: 'worldstar' ;
    text-align: center;
  font-size:2em}

a:link {
  color: mediumpurple;
}
a:visited {
  color: mediumpurple;
}
a:hover {
  color: indigo;
  text-decoration: underline;
}
a:active {
  color: darkblue;
}
  
.top-bar {
            width: 100%;
            color: #fff;
            display: flex;
            justify-content: flex-end; 
            align-items: center;
            padding: 25px;
       
            position: fixed; 
            top: 0;
            left: 0;
            z-index: 1000; 
            box-sizing: border-box; 
        }
  
.title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.parent-container1 {
  display: flex;
  background-color: black;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  width: 80%;
  gap: 3em;
  padding: 3em;
}
.portrait1 {width: 100%}

.parent-container2 {

   display: flex;
   align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 100vh;
  gap: 3em;
  padding: 2em;
}

.shows-container {background-color: black;
padding: 10px
}

.footer {display: flex;
  font-family: 'worldstar';
  font-size: 1.5em;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3em;
  padding: 2em;}
  
  @media (max-width: 768px) {
  body {background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;}
  title-container {gap: 0;
  width: 100vh; }
  .title-logo {
       width: 40vh;
       overflow: visible;
      padding: 0;
    }
    
.p-container1 {width: 95%;
        overflow: visible;
    }

h2 {font-size: 3.5em}
p {font-size: 2em;
font-family: 'worldstar'}

.footer {font-size: 1.5em;}

}