img{
	border-radius: 4px;
}
input{
	display: inline;
}
.header {
	display: flex;
	align-items: center;
}

label {
	min-width: 120px;
	flex: 0 0 120px;
}
.row > span {
	line-height: 1.2rem;
	flex: 0 0 160px;
}

.row {
	display: flex;
	flex-direction: row;
}

.row > div {
	align-self: center;
	align-content: flex-start;
	display: flex;
	flex-wrap: wrap;
}

#buffAndDebuff > div {
	flex-direction: column;
}

#buffAndDebuff > div > div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
}

label {
	display: flex;
}

@font-face {
    font-family:"GJG";
    src: url("../Font/GenJyuuGothic-Monospace-Bold.ttf") /* TTF file for CSS3 browsers */
}

body{
	font-family: "GJG";
}

button{
	text-shadow:-1px -1px 0 #A84155;
	background: #D25068;
	border:1px solid #D25068;
	font-size: 18px;
	font-family: "GJG";
	height: 40px;
	width: 200px;
	
	background-image:-webkit-linear-gradient(top, #F66C7B, #D25068);
	background-image:-moz-linear-gradient(top, #F66C7B, #D25068);
	background-image:-ms-linear-gradient(top, #F66C7B, #D25068);
	background-image:-o-linear-gradient(top, #F66C7B, #D25068);
	background-image:linear-gradient(to bottom, #F66C7B, #D25068);
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
}

button:hover {
	background: #F66C7B;
	background-image:-webkit-linear-gradient(top, #D25068, #F66C7B);
	background-image:-moz-linear-gradient(top, #D25068, #F66C7B);
	background-image:-ms-linear-gradient(top, #D25068, #F66C7B);
	background-image:-o-linear-gradient(top, #D25068, #F66C7B);
	background-image:linear-gradient(top, #D25068, #F66C7B);
}

button:active {
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
	top:5px;
}
button:active:before{
	top: -11px;
	bottom: -5px;
	content: "";
}

