*{
	background-color: var(--base);
	color:var(--text);
}
.lf{
	height: calc(100% - 1lh);
	width: 100%;
	display: flex;
	row-gap: 0%;
}
.left{
	width: calc(100% / 2);
	height: calc(100vh - 1lh);
}
.left button{
	color: var(--text);
	background: var(--overlay);
	width: 100%;
	text-align: left;
	cursor:pointer;
	font: inherit;
	outline: inherit;
}
.left button:hover{
	background: var(--red)
}
.left button:active{
	background: var(--pink)
}
.right{
	width: calc(100% / 2);
	height: calc(100vh - 1lh);
}
.right iframe{
	width: 100%;
	height: 100%;
	border: none;
}