@import url("fonts.css");
@import url("main.css");


#view-text {
	width: 100vw;
	height: 100vh;
	grid-template-areas:
		"tbr tbr tbr"
		"sbr man man"
		"sbr bbr bbr";
	grid-template-columns: min-content 1fr;
	grid-template-rows: min-content 1fr min-content;
    display: grid;
}

#view-text.disabled {
    display: none;
}

#text-sidebar {
	grid-area: sbr;
	background-color: var(--dark-color);
	border-right: 3px ridge var(--bright-color);
	z-index: 1;
}
#text-topbar {
	grid-area: tbr;
	background-color: var(--dark-color);
	border-bottom: 3px ridge var(--bright-color);
	z-index: 1;
}
#text-bottombar {
	grid-area: bbr;
	background-color: var(--dark-color);
	border-top: 3px ridge var(--bright-color);
	z-index: 1;
}
#text-main {
	grid-area: man;
	background-color: #444;
	/* z-index: -1; */
}


#text-topbar > button {
	background-color: transparent;
	font-family: "Space Mono";
	border: 1px solid white;
	color: #aaa;
	/* padding: 15px 32px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/* font-size: 1.5em; */
	cursor: pointer;
}

#text-topbar > button:hover {
	color: #f0f;
}

#text-mainedit {
	width: 100%;
	height: 100%;
	resize: none;
	border-radius: 0;
	background: #1e1e1e;
	color: #ce9178;
}