editor.css

body {
	background-color: #cccccc;
	padding: 0;
	margin: 0;
}

.titlebar {
	position: fixed;
	width: 100%;
	height: 50px;
	background-color: #383838ee;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	flex-direction: row;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .50);
	z-index: 500;
	gap: 10px;
	backdrop-filter: blur(10px);
}

p, h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter Regular';
	color: white;
	margin: 0;
}

.projectname {
	margin: 16px 0px;
	font-family: 'Roboto Regular';
}

.light-color {
	background-color: #383838ee;
	backdrop-filter: blur(10px);
}

.dark-color {
	background-color: #202020ee;
	backdrop-filter: blur(10px);
}

.gizmo-manager {
	position: fixed;
	top: 50px;
	margin: 10px;
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.tiny-btn {
    border: 2px solid #404040;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #00000050;
    z-index: 500;
    scale: 1;
    transition-duration: 0.15s;
}

.tiny-btn img {
	margin: inherit;
}

.tiny-btn:hover {
	scale: 1.05;
	background-color: #404040ee;
	border: 2px solid #555555;
}

.tiny-btn:active {
	scale: 0.95;
	background-color: #353535ee;
	border: 2px solid #404040;
}