// main: midgard5.less

.midgard5 {
	.flexrow {
		align-items: center;
	}

	h3 {
		margin-top: 1rem;
	}

	.sheet.character {
		form {
			display: flex;
			flex-direction: column;
		}

		.sheet-content {
			height: 100%;
			display: flex;
			flex-direction: column;

			.editor {
				height: 100%;
			}
		}

		.profile-img {
			height: 64px;
			width: 64px;
		}

		.description {
			flex: 0 0 100%;
			margin: 0;
		}
	}

	.level-display {
		text-align: right;
		font-weight: bold;
	}

	td {
		padding: 0 0.5rem 0 0.5rem;

		&.center {
			text-align: center;
		}
	}

	input.skill {
		width: 5rem;
	}

	.new-skill {
		font-style: italic;
		background: rgba(0, 0, 0, 0.3);
		color:rgba(255, 255, 255);

		button {
			background: rgba(255, 255, 255, 0.5);
		}
	}
}