/*
 * For elements.
 */
body {
	background: black;
}

main {
	background: white;
	font-size: medium;
}

button {
	border: none;
}

dl {
	/* Cancel bootstrap's setting */
	margin-bottom: 0;
}


/*
 * For classes.
 */

/* align */
.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

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

.vertical-top {
	vertical-align: top;
}

.vertical-bottom {
	vertical-align: bottom;
}

.vertical-middle {
	vertical-align: middle;
}

/* display */
.display-none {
	display: none;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.table {
	display: table;
}

.table-cell {
	display: table-cell;
}

/* position */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

/* size */
.h-full {
	height: 100%;
}

.w-full {
	width: 100%;
}

.hw-full {
	height: 100%;
	width: 100%;
}

/* font */
.xx-small {
	font-size: xx-small;
}

.x-small {
	font-size: x-small;
}

.small {
	font-size: small;
}

.medium {
	font-size: medium;
}

.large {
	font-size: large;
}

.x-large {
	font-size: x-large;
}

.xx-large {
	font-size: xx-large;
}

.larger {
	font-size: larger;
}

.smaller {
	font-size: smaller;
}

.bold {
	font-weight: bold;
}

.serif {
	font-family: serif;
}

.sans-serif {
	font-family: sans-serif;
}

/* cutomized */

.framed {
	padding: 15px;
}

.h-framed {
	padding-left: 15px;
	padding-right: 15px;
}

.v-framed {
	padding-top: 15px;
	padding-bottom: 15px;
}

.t-framed {
	padding-top: 15px;
}

.b-framed {
	padding-bottom: 15px;
}

.l-framed {
	padding-left: 15px;
}

.r-framed {
	padding-right: 15px;
}