/* style.css */ 


body {
	background-color: black;
}

h1 {
	  font-size: 1.3rem;
      font-weight: bold;
      background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
      background-size: 300%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: moveColor 4s linear infinite;
    }

    @keyframes moveColor {
      0% {
        background-position: 0%;
      }
      100% {
        background-position: 100%;
      }
	}




h2 {
	text-align: center;
	color: #FF9966;
	font:18px georgia;
	line-height:24px;
	letter-spacing:.2em;
}

.box {
  box-sizing: border-box;
  border: 2px solid black;
  display: flex;
  flex-direction: row;
  align-items: top;
  justify-content: space-between;
  padding-bottom: 10px;
  justify-self: normal;
  margin:10px;
}

.fixed-box {
      width: 210px;
      height: 100px;
      background-color: lightblue;
      border: 2px solid #000;
}

a.dotted {
	font:14px georgia;
	color: #99CCFF;
	text-decoration: none;
	padding: 12px;
	border: 1pt solid rgb(20,40,95);
	white-space: nowrap;
	margin:10px;
}
/* rgb(20,40,95) */

a.dotted:hover {
	color: white;
	/* text-decoration: underline;*/
	padding: 12px;
	border: 1pt dotted red;
	white-space: nowrap;
}

p {
	margin: 5px 0;
	color: #FFFFCC;
	align: center;
}

p.Month {
	color: #FF9966;
	font:12px;
}

p.Shows {
	font:12px arial;
	font-weight: bold;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px
}


span {
	color: #FFFFCC;
}

div.scroll {
	
	height: 380px;
	overflow: scroll;
	scrollbar-color: black #E8E8E8;
	border: solid aqua 2px;
	padding:20px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
}

#logo {
	font:18px georgia;
	color: #FFFFCC;
	line-height:24px;
	letter-spacing:.4em;
	/* position: fixed; */
	}

.style1 {color: #FFFFCC}

.style2 {
	color: #FF9966;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {color: #FF9966;}

.style4 {color: #FFFFCC;}