* {
	 margin: 0;
     padding: 0;
}

main {
	padding: 1vh;
}

.bandcontainer{
	height: 1000px;
	max-height: 98vh;
	width: 1000px;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 5fr ;
	grid-template-rows: 1fr 4fr 1fr;
	grid-template-areas: 
	"tp tp"
	"nv	if"
	"bt bt";
	gap: 1.5em;
}

.tp {
	grid-area:tp;
}

.nv {
	grid-area:nv;
}

.if {
	grid-area: if;
	padding: .5em;
}

.bt {
	grid-area:bt;
}

.review {
	max-width: 700px;
	min-width: 25em;
	margin-left: auto;
    margin-right: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: .5em;
}

.blue {
  background-color: #2F83DE;
  margin-left: auto;
  margin-right :auto;
  padding: 15px 15px 15px 15px;
  border: 5px solid #1B58A8
}

.dark {
  background-color:#FFFFFF;
  border:5px solid #000000;
  color:#000000;
}

.indark {
  background-color: #FFFFF;
  border-bottom: 2.5px solid #000000;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

.scrolling {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	animation: scroll 20s linear infinite;
}

.center {
	display: grid;
	place-content: center;
}

.middle {
	display: grid;
	justify-content: center;
}

.column {
	column-count: 4;
	column-gap: 3em;
	column-fill: auto;
}

img {
	margin: 0em 0.5em;
}

p, li {
	 white-space: pre-wrap;
}

ul {
	list-style-type: ">";
	list-style-position: inside;
}

a {
	color: #B71C1C;
}

a:visited, a:focus {
	color: #F44336;
}

a:hover {
	color: #263238;
}