:root {
	background: #181825;
	text: #cdd6f4;
}

body {
	color: white;
	bgcolor: var(background);
	margin: 0;
	max-width: 95vw;
	margin-left:auto;
	margin-right:auto;
	cursor: url("/resources/cursor.gif"), auto;
}
.title {
	color: #f9e2af;
	font-family: LXND;
	font-variation-settings: 'LXND' 100;
	font-size: 30px;
	text-align: center;
}
.video {
	max-width: 100%;
	height:100%;
}
.location {
	color: #f5c2e7;
	text-align:center;
}
.description {
	text-align: center;
	color:#b4befe;
}
a {
	text-decoration:none;
}
a:link {
	color:#cba6b7;
}
a:visited {
	color:#cba6b7;
}
a:hover {
	color: #cdd6f4;
	background:#cba6f7;
	cursor: none;
}
a:active{
	color:#a6e3a1;
}
.pari, .dispari {
  	float: left;
  	width: 49.4%; /* The width is 50%, by default ()*/
}
.pari {
	padding-right:1vw; /*Padding in between two videos*/
}
/* Use a media query to add a breakpoint at 900px: */
@media screen and (max-width: 550px) {
	.pari,.dispari {
    	width: 100%;
		padding-top: 5vw;
		border-top-style:solid;
		border-color:#1e1e2e;
	}
}