Template:MissionQuote/style.css

.outlineS, .outlineS2, .outlineOC, .outlineOE, .outlineS3, .outlineRotM, .outlineSO {
	display:flex;
	flex-direction: column;
	margin: 10px 0;
}

.outlineOE, .outlineSO {
	flex-direction: row;
}

.nameS, .nameS2, .nameOC, .nameOE, .nameS3, .nameRotM, .nameSO {
	align-self: flex-start;
	background-color: #262626;
	padding: 3px 10px 0;
	border-radius: 15px 15px 0 0;
}

.nameSO {
	background-color: #f8edeb;
	background: linear-gradient(#e3b9b1, #f8edeb 44%);
}

.nameS2, .nameOC {
	border: dashed grey;
	border-width: 0 0 2px 0;
}

.nameOE, .nameSO {
	padding: 0 10px 0;
	border-radius: 0 0 15px 15px;
}

.nameS3, .nameRotM {
	border-radius: 5px 15px 15px 5px;
}

.textboxS, .textboxS2, .textboxOC, .textboxOE, .textboxS3, .textboxRotM, .textboxSO {
	display:flex;
	align-self: flex-start;
}

.textboxS {
	border: solid #262626;
	border-radius: 0 20px 5px 5px;
}

.textboxS2, .textboxOC {
	border: solid #262626;
	border-radius: 0 20px 20px 20px;
}

.textboxOE, .textboxSO {
	flex-direction: column;
}

.textboxS3, .textboxRotM {
	border: solid #262626;
	border-radius: 0 0 5px 0;
	margin: 0 0 0 10px;
}

.OEbox, .SObox {
	display:flex;
	align-self:flex-start;
	border: solid #262626;
	border-radius: 50px;
	padding: 0 15px 0 0;
}

.SObox {
	border: solid #e3b9b1;
}

.iconS, .iconS2, .iconOC, .iconOE, .iconS3, .iconRotM, .iconSO {
	margin-left: 5px;
}

.iconOE {
	width: 60px;
	height: 67px;
}

.iconS3, .iconRotM {
	display:flex;
	margin: 5px;
	align-items: center;
}

.iconSO {
	margin: 8px 0 8px 8px;
	background:linear-gradient(#ad9b95 10%, #767488 90%);
	border-radius: 50px;
	box-shadow: inset 0 0 8px white, inset 0 0 8px white;
	height: 50px;
	width: 50px;
}

.quoteS, .quoteS2, .quoteOC, .quoteOE, .quoteS3, .quoteRotM, .quoteSO {
	padding: 5px 8px 3px;
	align-self:center;
}

.quoteOE, .quoteSO {
	padding: 3px 8px;
}

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