User:6-Frisk/Sandbox/style.css

/* Hero Gear */

.upgrade {
	display:inline-block;
	width:32px;
	background:black;
	padding:2px;
	border-radius:25px;
}

.lock {
	border:dashed #83b97a;
	padding:3px;
}
.single {
	border-width: 3px;
}

.left {
	border-width: 3px 0 3px 3px;
}
.right {
	border-width: 3px 3px 3px 0;
}
.horiz {
	border-width: 3px 0;
	padding:0;
}

.top {
	border-width: 3px 3px 0 3px;
}
.bottom {
	border-width: 0 3px 3px 3px;
}
.vertic {
	border-width: 0 3px;
	padding:0;
}

/* nearest neighbor styling */
.pixelart {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

/* SideOrderFloor */

.outerSO, .bottomSO, .infoSO, .chipboxSO {
	display:flex;
}

.outerSO {
	border:solid 2px black;
	border-radius:3px 60px;
	flex-direction:column;
	padding:5px;
}

.topSO {
	border: dotted black;
	border-width: 0 0 4px;
	padding-bottom:3px; 
	margin-bottom:5px;
}

.difficultySO {
	display:inline-block;
	border: solid 1px black;
	border-radius:20px;
	padding: 0 3px;
}

.infoSO {
	margin:15px;
}
.iconSO {
	margin-right:15px;
}
.rewardSO span {
	padding:0 2px;
}

.chipboxSO {
	border:solid 2px black;
	margin-left:15px;
	flex-grow:1;
	border-radius:50px 15px 3px 50px;
	align-items:center;
	padding-right:20px;
}

.chipSO {
	margin:0 10px 0 35px;
}