:root {
	--Back: #181a1d;
	--DivHover : #1c1e21;
	--Div: #26292e;
	--ColorH4: #dcdddf;
	--ColorP: grey;
	--ColorBut: #e2e5e9;
	--HeightBut: 0px;
	--HeightButMob: 0px }
.left { float: left; }
.clear { clear: both; }
* { font-family: Arial;}

body {
	margin: 0 0 0 0;
	background-color: var(--Back);}

.But {
	width: 100%;
	position: fixed;}

#but {
	-webkit-appearance: none;
	border: none;
	background-color: var(--ColorBut);
	width: 100%;
	height: var(--HeightBut); }

#first{
	margin: 0 27% 0 27%;
	height: var(--HeightBut); }

div.video:hover{ 
	background-color: var(--DivHover); }

div.video {
	background-color: var(--Div);
	margin: 5px 27% 5px 27%; }

img {
	width: 280px;
	height: 157px;
	margin-right: 5px;
	object-fit: cover;
}

h1 {
	color: var(--ColorH4);
	text-align: center;
}

h4 {
	color: var(--ColorH4);
	line-height: 18px;
	font-size: 18px;
	margin: 0px 0px 10px 0px; }

p {
	color: var(--ColorP);
	margin: 4px 0px 4px 0px;
}

a{
	text-decoration: none;
	color: black; }

.description {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
  white-space: pre;
}
.container {
	position: relative;
	text-align: center;
	color: white;
}

/* Bottom right text */
.bottom-right {
	position: absolute;
	background-color: rgba(25, 25, 25, 0.5);
	padding: 5 5 5 5;
	margin-right: 5;
	bottom: 0%;
	right: 0%;
}