* {}

body.dark {
	--bg-color: #2f3542;
	--bg-secondary-color: #131316;
	--font-color: #f5f5f5;
	--color-grey: #ccc;
	--color-darkGrey: #777;
}

main {
}

iframe {
	width: 100%;
	height: 90vh;
}

nav {
	border-bottom: 1px solid var(--color-darkGrey);
}

.frame {
	border-left: 1px solid var(--color-darkGrey);
	overflow-y: scroll;
}

.list {
	margin: 0;
}

ul {
	list-style-type: none;
	padding: 0;
}

li {
	cursor: pointer;
	margin: 8px 0;
}

li:hover {
	background-color: var(--color-darkGrey);
}