* {
	font-family: 'suisse-mono';
	margin: 0;
	padding: 0;
	line-height: 1.3;
	box-sizing: border-box;
	transition: background-color 0.25s;

}

body {
	/*width: 100vw;*/
	/*height: 100%;*/
	position: relative;
	background-color: var(--main);
	color: var(--highlight);
	max-width: 2500px;
	margin: 0 auto;
	opacity: 1;
	transition: opacity 1s;
}

*::selection {
	background-color: var(--highlight);
	color: var(--main);
}

/*-----------------—*/
/*    Typography    */
/*----------------—-*/

a {
	color: inherit;
	font-family: inherit;
	text-decoration: underline;
}

img {
	display: block;
	width: 100%;
}

h1, h2, h3, h4, h5, h6, blockquote {
	font-weight: normal;
	font-size: 36px;
	font-family: 'brick-display';
}

p {
	font-size: 22px;
	font-family: 'brick-text';
}

.subtitle, blockquote, blockquote p {
	font-family: 'brick-display';
	font-size: 36px;
}

.mono {
	font-family: 'suisse-mono';
	font-size: 16px;
}

/*-----------------—*/
/*      Header      */
/*----------------—-*/

header {
	display: block;
	width: 100%;
	max-width: 2500px;

	height: 80px;
	background: var(--main);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--margin);
	z-index: 1000;
	position: fixed;
	top: 0;
	transition: top 0.2s ease-in-out;
	border-bottom: 1px solid var(--highlight);
}
header a, header a * {
	text-decoration: none;
}
menu a , menu a * {
	text-decoration: none;
	margin-left: var(--margin);
	color: var(--highlight);
}
svg.audio {
	display: inline-block;
	float: left;
	position: relative;
	width: 25px;
	margin-top: -2.5px;
	height: 25px;
	margin-left: -5px;
	margin-right: 5px;

	margin-bottom: -2.5px;
	vertical-align: center;
}

a.current {
	border-bottom: 1px solid var(--highlight);
}

.nav-down {
    top: -80px;
}

#header + div {
	margin-top: 80px;
}


/*----------------------—*/
/*   Weather ticker      */
/*---------------------—-*/

#weather {
	background-color: var(--highlight);
	color: var(--main);
	width: 100%;
	height: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 999;
	position: relative;
	float: left;
	border-bottom: 1px solid var(--highlight);
}

#weather:hover {
	/*background-color: var(--main);
	color: var(--highlight);*/
}

/* residency adaptations */


.residency #weather {
	display: none;
}

#weather-historic {
	background-color: var(--main);
	color: var(--highlight);
	width: 100%;
	height: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 999;
	position: relative;
	float: left;
	border-bottom: 1px solid var(--highlight);
}

.weather-content, .weather-content-historic {
	width: auto;
	box-sizing: border-box;
	float: left;
	clear: none;
	display: inline-block;
	position: absolute;
	height: 30px;
	width: auto;

	padding-top: 5px;
	cursor: pointer;
	white-space: nowrap;
	padding-left: 20px;
	padding-right: 400px;
}

.weather-item {
	/*position: relative;*/
	/*float: left;*/
	/*clear: none;*/
	height: 30px;
	/*margin: 0 var(--margin);*/
	padding: 0 20px;
	height: 10px;
	display: inline-block;
	white-space: nowrap;
	box-sizing: border-box;
}

.weather-item svg, .weather-item img {
	display: inline-block;
	float: left;
	position: relative;
	width: 30px;
	height: 25px;
	top: -3px;
	vertical-align: center;
	padding-right: 5px;
	white-space: nowrap;
}

.st0 {
	fill:none;
	stroke:var(--main);
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
.st1{ 
	fill:none;
	 stroke: var(--main);
	 stroke-linecap:round;
	 stroke-linejoin:round;
	 stroke-dasharray:0.9952,1.9905;
}

.normal .st0 {
	fill:none;
	stroke:var(--highlight);
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
.normal .st1 { 
	fill:none;
	 stroke: var(--highlight);
	 stroke-linecap:round;
	 stroke-linejoin:round;
	 stroke-dasharray:0.9952,1.9905;
}

.ticker-1 {
	animation: tickerOne 60s linear infinite;
	user-select: none;
	/*background-color: red;*/
}

.ticker-2 {
	animation: tickerTwo 60s linear infinite;
	user-select: none;
	/*background-color: yellow;*/
}

.paused {
	animation-play-state: paused;
}

#weather:hover .weather-content {
	animation-play-state: paused;
}

#weather-historic:hover .weather-content {
	animation-play-state: paused;
}


#w-arrow {
	top: -5px;
}


@keyframes tickerOne {
	0% {
		-webkit-transform: translate3d(0%, 0, 0);
	    transform: translate3d(0%, 0, 0);		
	}
	49.9% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	50.1% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0;
	}
	50.2% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes tickerTwo {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
	    transform: translate3d(100%, 0, 0);		
	}
	50% {
		-webkit-transform: translate3d(-0%, 0, 0);
		transform: translate3d(0%, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.shade {
	position: absolute;
	display: inline-block;
	width: 30px;
	z-index: 999;
	top: 0;
	height: 30px;
	pointer-events: none;
}
.shade.left {
	left: 0;
	cursor: w-resize;

} 
.shade.right {
	right: 0;
	cursor: e-resize;

}

.shade.left {
	background: linear-gradient(90deg, var(--main), var(--main-t) ); 
}
.shade.right {
	background: linear-gradient(270deg, var(--main), var(--main-t) ) 
}

#weather .shade.left {
	background: linear-gradient(90deg, var(--highlight), var(--highlight-t) ); 
}
#weather .shade.right {
	background: linear-gradient(270deg, var(--highlight), var(--highlight-t) ) 
}


/*----------------------—*/
/*        Home            */
/*---------------------—-*/


.title {
	position: absolute !important;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 80px;
	height: 100vh;
	width: 100vw;
	display: block;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: 'brick-display';
	font-size: calc(8vw + 8vh);
	line-height: 0.8;
	text-align: center;
	user-select: none;
}


.home {
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}

.home header, .home #weather {
	display: none;
}

.loader {
	position: absolute;
	top: calc(100vh - 3px);
	left: 0;
	right: 0;
	height: 3px;
	background-color: var(--highlight);
	animation: 5s loading linear forwards;
}
.home svg {
	height: 100vh;
	max-width: 100vw;
	width: auto;
	margin: 0 auto;
	display: block;
	position: relative;
}

.home .st0 {
	stroke: var(--highlight);
	stroke-width: 0.05px;
}
.home .st1 {
	stroke: var(--highlight);
	stroke-width: 0.05px;
	stroke-dasharray: 0.03, 0.42;

}
@keyframes loading {
	from {
		transform: translate(-100%, 0);
	}
	to {
		transform: translate(0%, 0);
	}
}
.layers {
	position: absolute;
	overflow-x: hidden;
	overflow-y: hidden;
	pointer-events: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
}
.layer {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0vw;
	left: 0vh;
	right: 0;
	bottom: 0;
	/*background-color: rgb(255, 0, 0, 0.4);*/
}

.ball {
	border-radius: 50%;
	position: absolute;
	background-color: var(--highlight);
}

.wind-ball {
	width: 5vw;
	height: 5vw;
	animation: 10s wind linear infinite;
}

.rain-ball {
	width: 10px;
	height: 10px;
	top: 20px;
	left: 20px;
	opacity: 0;

	animation: 1s rain linear infinite;
	
}

@keyframes wind {
	from {
		transform: translate(0, -75vw)
	}
	to {
		transform: translate(0, 320vw)

	}
}

@keyframes rain {
	0% {
		opacity: 0;
	}
	49.5% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	99% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

/*----------------------—*/
/*        Map            */
/*---------------------—-*/

.map-container {
	height: calc(100vh - 200px);
	padding: 0;
	margin: 0;
}

.legend {
	position: absolute;
	bottom:var(--margin);
	right: var(--margin);
	background: var(--main);
	border: 1px solid var(--highlight);
	padding: 15px;
	border-radius: 15px;
}

#map {
	position: fixed !important;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	bottom: -30px;
	z-index: 0;
}

.gm-style .gm-style-iw-c {
	max-width: 350px !important;
	background-color: var(--main);
	border: 1px solid var(--highlight);
}

.gm-style-iw-d {
	overflow: hidden !important;
	padding: calc( var(--margin) / 2);
}

.gm-style .gm-style-iw-t::after {
	background: linear-gradient(
	45deg
	, var(--highlight) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
	box-shadow: -2px 2px 2px 0 rgb(0 0 0 / 20%);
}
.gm-ui-hover-effect {
	opacity: 1;
	mix-blend-mode: exclusion;
}

.gm-ui-hover-effect img {
 	filter: invert(1);
 }

.icon {
	background-color: var(--highlight);
	width: 15px;
	height: 15px;
	display: inline-block;
}

.circle {
	border-radius: 50%;
}

.triangle {
	width: 0; 
	 height: 0; 
	 background-color: transparent;
	 border-left: 7.5px solid transparent;
	 border-right: 7.5px solid transparent;
	 border-bottom: 14px solid var(--highlight);
}

/*----------------------—*/
/*        Content        */
/*---------------------—-*/

.block {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	position: relative;
}

.content {
	display: block;
	float: left;
	clear: both;
	position: relative;
	background: var(--main);
	height: 100%;
}

/*----------------------—*/
/*     Column system     */
/*---------------------—-*/

.col {
	display: block;
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	/*outline: 1px solid red;*/
	padding: var(--margin);
	/*outline: 1px solid blue*/

}
.col-6 {
	width: 100%;
	height: 100%;
	box-sizing: border-box;

}

.col-4 {
	width: calc(100% / 6 * 4);
	height: 100%;
	box-sizing: border-box;

}
.col-3 {
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	display: block;
	position: relative;
	float: left;
}
.col-2 {
	width: calc(100% / 6 * 2);
	height: 100%;
	box-sizing: border-box;

}

/*----------------------—*/
/*     Dividers    */
/*---------------------—-*/
.divider-top {
	border-top: 1px solid var(--highlight);
}

.divider-bottom {
	border-bottom: 1px solid var(--highlight);
}
.divider-left {
	border-left: 1px solid var(--highlight);
}

.divider-right {
	border-right: 1px solid var(--highlight);
}

/*----------------------—*/
/*     Text    */
/*---------------------—-*/

.text-area {
	position: relative;
	display: block;
	clear: both;
	width: calc( ( 100% - var(--margin) )/ 4 * 3);
	/*outline: 1px solid blue;*/
}
.text-area p:not(:first-of-type), blockquote {
	margin-top: calc(22px *1.3);
}

.small {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	display: block;
	clear: both;
}
.caption {
	margin-top: 1em;
	width: 100%;
	position: relative;
	clear: both;
	float: left;
}

h1 {
	position: relative;
	float: left;
}

.button {
	padding: 3px 10px;
	border-radius: 20px;
	display: block;
	position: relative;
	float: left;
	margin: 0px 10px 0 0px;
	border: 1px solid var(--highlight);
	cursor: pointer;
	transition: background-color 0.3s;
	user-select: none;
}
.button:hover {
	background-color: var(--highlight);
	color: var(--main);	
}


.button.sortby {
	background-color: var(--highlight);
	color: var(--main);	
}


.playbutton {
	background-color: var(--highlight);
	color: var(--main);	
	margin-top: 10px;
	margin-left: 10px;
}

.button.active {
	background-color: var(--highlight);
	color: var(--main);
}

.button.active:hover {
	background-color: var(--highlight);
	color: var(--main);
}

.tags {
	padding: 3px 10px;
	border-radius: 20px;
	display: block;
	position: relative;
	float: left;
	user-select: none;

	margin: 0px 10px 10px 0px;
	border: 1px solid var(--highlight);
}

/*----------------------—*/
/*     Grid overlay      */
/*---------------------—-*/

.grid {
	position: fixed;
	z-index: 999;
	pointer-events: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.grid-column {
	width: calc(100% / 6 - var(--margin)*2);
	margin: 0 var(--margin);
	height: 100%;
	position: relative;
	float: left;
	display: block;
	box-sizing: border-box;
	background-color: rgb(255, 0, 0, 0.25);
}

.images {
	float: left;
	position: relative;
	display: block;
}

.image {
	display: block;
	float: left;
	padding-top: var(--margin) ;
	padding-bottom: var(--margin);
}

.image-filter {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	background-color: var(--highlight);
}
.filtered-image {
	mix-blend-mode: screen;
	transition: all 0.25s;
}
.filtered-image:hover {
	mix-blend-mode: normal
}

.image:not(:last-of-type) {
	border-bottom: 1px solid var(--highlight);
}

.left-col  {
	position: relative;
	display: block;
	float: left;
}

.sticky {
	position: sticky;
	top: 0px;
}
/*----------------------—*/
/*         Table         */
/*---------------------—-*/

.sort-option  {
	position: relative;
	/*white-space: nowrap;
	display: inline-block;
	position: static;
	float: none;*/
}
.label {
	float: left;
	margin-top: 5px;
	width: 100px;
}
.messages {
	float: left;
	margin-right: 10px;
	margin-top: 5px;

}
.horizontal-scroll-container {
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 100px);
	box-sizing: border-box;
}

.horizontal-scroll {
	height: 30px;
	overflow-x: auto;
	scroll-behavior: smooth;
	overflow-y: hidden;
	white-space: nowrap;
	width: auto;
	padding-left: 30px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.horizontal-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.horizontal-scroll .button {
	display: inline-block;
	white-space: nowrap;
	float: none;
}


table {
	width: 100%;
	border-collapse: collapse;

}
td {
	width: 50%;
	min-height: 150px;
	height: auto;
	/*background-color: yellow;*/
	vertical-align: bottom;

}

td:first-of-type {
	border-right: 1px solid var(--highlight);
}
tr {
	margin-top: -2px;
	border-bottom: 1px solid var(--highlight);
}
tr:last-of-type {
	/*margin-bottom: -4px;*/
	border-bottom: none;
}

.hidden {
	display: none;
}

table .button {
	display: inline-block;
	float: none;
}


/*----------------------—*/
/*   Artist overview      
	 AKA residencies     */
/*---------------------—-*/

.artist-block {
	height: auto;
	min-height: 60vw;
	position: relative;
	padding-top: 40px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-content: center;
	align-items: center;
	border-bottom: 1px solid var(--highlight);
}
.artist-block:last-of-type {
	border-bottom: none;
}
.artist-block:nth-of-type(2n+1) {
	/*background-color: red !important;*/
	border-right: 1px solid var(--highlight);
}

.artist-image {

}

.artist-block .horizontal-scroll-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;

}

.artist-block .weather-content {
	padding-right: 0;
	padding-left: 0;
}

.artist-block .horizontal-scroll {
	padding: 0 30px;

}


/*----------------------—*/
/*     Rhizome      */
/*---------------------—-*/
#elements {
	position: absolute;
	width:100vw;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	/*background-color: rgba(255, 0, 0, 0.3);*/
}
.node {
	position: absolute;
	padding: 10px;
	background-color: yellow;
	cursor: grab;
	background-color: var(--highlight);
	color: var(--main);
	border-radius: 20px;
	max-width: 200px;
	user-select: none;
	border: 1px solid var(--main);
	transition: color 0.3s, background-color 0.3s;
}
.node img {
	max-width: 25px;
	max-height: 20px;
	/*filter: grayscale(1);*/
	position: relative;
	float: left;
	margin-right: 3px;
	/*mix-blend-mode: multiply;*/
	border-radius: 1px solid var(--main);
	overflow: hidden;
	border-radius: 5px;
}
.node.tag {
	background-color:var(--main);
	color:  var(--highlight);
	border: 1px solid var(--highlight);

}
.node.audio::before {
	content: " ";
	width: 20px;
	height: 20px;
	position: relative;
	float: left;
	margin-right: 3px;
	mix-blend-mode: difference;
	filter: invert(1) brightness(100);
	background-image: url('../images/Listen.svg');
}


.node.img::before {
	content: " ";
	width: 20px;
	height: 20px;
	position: relative;
	float: left;
	margin-right: 3px;
	mix-blend-mode: difference;
	filter: invert(1) brightness(100);
	background-image: url('../images/Listen.svg');
}

.node:hover {
	background-color:var(--main);
	color:  var(--highlight);
	border: 1px solid var(--highlight);

}
.node:active {
	cursor: grabbing;
}


audio::-webkit-media-controls-panel {
	background-color:  var(--highlight);
}

audio::-webkit-media-controls-mute-button, 
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-timeline-container,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display
 {
	filter: invert(1) brightness(10);
	mix-blend-mode: difference;
	/*background-color: var(--main);*/
}

/*

 {}

 {}

 {}

audio::-webkit-media-controls-timeline {}

audio::-webkit-media-controls-volume-slider-container {}

audio::-webkit-media-controls-volume-slider {}

audio::-webkit-media-controls-seek-back-button {}

audio::-webkit-media-controls-seek-forward-button {}

audio::-webkit-media-controls-fullscreen-button {}

audio::-webkit-media-controls-rewind-button {}

audio::-webkit-media-controls-return-to-realtime-button {}

audio::-webkit-media-controls-toggle-closed-captions-button {}*/

/*----------------------—*/
/*     Detail page       */
/*---------------------—-*/

.text-messages p {
	font-family: 'suisse-mono';
	font-size: 16px;
	position: relative;
	display: block;
	float: left;
	padding: 20px;
	border-radius: 20px;
	border: 1px solid var(--highlight);
	margin: 5px 0;
}
.text-messages strong ~ p {
	color: var(--main);
	background-color: var(--highlight);
}

/*----------------------—*/
/*     Detail page 
//  residency      */
/*---------------------—-*/

.video {
	position: relative;
	display: block;
	height: calc(100vw * 0.5625);
	width: 100%;
}
.center {
	text-align: center;
	width: 100%;
	height: calc(100vh - 60px);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.center iframe {
	width: 100%;
	height: 100%;
	min-height: 80vw;
}


/*----------------------—*/
/*     Detail page 
//  rstudy     */
/*---------------------—-*/




/*----------------------—*/
/*        Footer         */
/*---------------------—-*/

footer {
	display: block;
	width: 100%;
	height: 80px;
	background: var(--main);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--margin);
	border-top: 1px solid var(--highlight);
	bottom: 0;
	position: relative;
	z-index: 1000;
}

/*----------------------—*/
/*     Smaller widths    */
/*---------------------—-*/

@media (min-width: 2500px)  {
	body {
		border-left: 1px solid var(--highlight);
		border-right: 1px solid var(--highlight);
	}
	header {
		border-left: 1px solid var(--highlight);
		border-right: 1px solid var(--highlight);
	}

}
@media (min-width: 1000px) and (max-width: 1280px) {
	.header-logo {
		font-family: 'brick-text';
		font-size: 20px;
	}

}
@media (min-width: 769px) and (max-width: 999px) {
	.col-6 {
		width: 100%;
		height: 100%;
		box-sizing: border-box;

	}

	.col-4 {
		width: calc(100% / 6 * 4);
		height: 100%;
		box-sizing: border-box;

	}
	.col-3 {
		box-sizing: border-box;
		width: 50%;
		height: 100%;
		display: block;
		position: relative;
		float: left;
	}
	.col-2 {
		width: calc(100% / 6 * 2);
		height: 100%;
		box-sizing: border-box;

	}

	h1, h2, h3, h4, h5, h6, blockquote {
		font-size: 28px;
	}

	p {
		font-size: 20px;
	}

	.subtitle, blockquote, blockquote p {
		font-size: 32px;
	}
	.header-logo {
		font-family: 'suisse-mono';
		font-size: 14px;
	}

	.mono {
		font-size: 14px;
	}

	.divider-right {
		border-right: 1px solid var(--highlight);
	}
	.text-area {
		width: 100%;
	}

}

@media (max-width: 768px) {


	menu {
		display: flex;
		flex-direction: column;
		height: 80px;
		overflow-y: auto;
		scroll-behavior: smooth;
		padding: 15px 0;
		width: calc(100% - 100px);
	}
	menu:before {
		position: absolute;
		display: inline-block;
		height: 15px;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		content: " ";
		background: linear-gradient(var(--main), var(--main-t) )
	}
	menu:after {
		position: absolute;
		display: inline-block;
		height: 20px;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		content: "↓";
		text-align: center;
		color: var(--highlight);
		background: linear-gradient(var(--main-t) , var(--main) )
	}

	.button:hover {
		background-color: var(--main);
		color: var(--highlight);	
	}
	.button.sortby {
		background-color: var(--highlight);
		color: var(--main);	
	}
	
	.header-logo {
		width: 100px;
	}
	
	.header-link {
		padding: 5px 10px;
		border-radius: 10px;
	}
	a.current {
		background-color: var(--highlight);
		color: var(--main);
	}





	.text-area {
		width: 100%;
	}
	.col-6 {
		width: 100%;
		height: 100%;
		box-sizing: border-box;

	}

	.col-4 {
		width: calc(100% );
		height: 100%;
		box-sizing: border-box;

	}
	.col-3 {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		float: left;
	}
	.col-2 {
		width: calc(100% );
		height: 100%;
		box-sizing: border-box;

	}
	td {
		min-height: auto;
	}
	td:first-of-type {
		border-right: 1px solid transparent;
	}


	h1, h2, h3, h4, h5, h6, blockquote {
		font-size: 26px;
	}

	p {
		font-size: 18px;

	}

	.subtitle, blockquote, blockquote p {
		font-size: 26px;
	}
	.header-logo {
		font-family: 'suisse-mono';
		font-size: 14px;
	}
	.mono {
		font-size: 14px;
	}

	.playbutton {
		margin-top: 5px;
	}

	.divider-right {
		border-right: 0px solid var(--highlight);
	}
	.divider-left {
		border-left: 0px solid var(--highlight);
	}
	.artist-block:nth-of-type(2n+1) {
		/*background-color: red !important;*/
		border-right: 0px solid var(--highlight);
	}

}