#previewPanel {
	position: fixed;
	top: 0;
	right: 0;
	width: 33.33vw;
	height: 100vh;
	background: #212529;
	border-left: 1px solid #495057;
	box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 10000;
}

/* #closeBtn { */
/* 	position: absolute; */
/* 	top: 10px; */
/* 	left: -40px; */
/* 	width: 40px; */
/* 	height: 40px; */
/* 	background: #dc3545; */
/* 	color: white; */
/* 	border: none; */
/* 	border-radius: 5px 0 0 5px; */
/* 	display: flex; */
/* 	align-items: center; */
/* 	justify-content: center; */
/* 	font-size: 24px; */
/* 	cursor: pointer; */
/* 	z-index: 10005; */
/* } */

#previewPanel iframe {
	width: 100%;
	height: 100%;
	border: none;
	background: #000;
}

/* Indentation of the list on the desktop */
@media ( min-width : 1200px) {
	.container {
		margin-left: 2rem;
		margin-right: 35%;
		max-width: 60%;
	}
}