$size: 6px;

$t: transparent;
$n: #333;
$g: #505050;
$g2: #bfbfbf;
$w: #fff;
$b: #0025ff;
$b2: #001180;
$o: #fe7000;
$o2: #b94c00;
$or: #ffc40d;
$r: #ff0000;
$ro: #f7af7e;


$goku: (
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $g, $g, $n, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $n, $t, $t, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $t, $t, $t, $n, $n, $n, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $n, $t, $t, $n, $g, $g, $g, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $n, $t, $n, $g, $g, $g, $g, $g, $g, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $n, $n, $g, $g, $g, $g, $g, $g, $g, $g, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $n, $g, $g, $g, $g, $g, $n, $n, $n, $n, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $g, $g, $n, $n, $n, $g, $g, $g, $g, $g, $n, $n, $n, $n, $n, $n, $n, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $g, $n, $n, $n, $n, $n, $g, $g, $n, $n, $n, $n, $n, $n, $t, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $g, $n, $n, $n, $n, $n, $n, $n, $n, $n, $n, $n, $n, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $n, $n, $n, $g, $n, $n, $n, $n, $n, $n, $n, $n, $n, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $g, $g, $n, $n, $g, $g, $n, $n, $n, $n, $n, $n, $n, $g, $g, $n, $n, $n, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $g, $g, $n, $n, $n, $g, $g, $n, $n, $ro, $n, $n, $n, $n, $n, $g, $g, $g, $g, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $g, $g, $n, $n, $n, $n, $n, $g, $n, $n, $ro, $ro, $ro, $n, $n, $n, $n, $n, $n, $n, $n, $n, $n, $t ),
	( $t, $t, $t, $t, $t, $n, $n, $n, $g, $g, $g, $g, $n, $n, $n, $n, $n, $ro, $n, $g, $n, $ro, $ro, $ro, $ro, $n, $n, $n, $n, $n, $t, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $n, $n, $ro, $n, $n, $ro, $ro, $n, $n, $ro, $ro, $ro, $ro, $ro, $n, $n, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $ro, $ro, $n, $ro, $n, $g2, $g2, $n, $ro, $ro, $ro, $ro, $n, $n, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $ro, $ro, $ro, $ro, $n, $g2, $w, $g, $n, $ro, $ro, $n, $t, $t, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $t, $n, $n, $ro, $ro, $ro, $ro, $ro, $ro, $ro, $ro, $ro, $n, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $ro, $ro, $ro, $ro, $n, $n, $ro, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $o2, $n, $ro, $ro, $n, $n, $ro, $ro, $ro, $ro, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $n, $o2, $n, $ro, $ro, $ro, $n, $n, $n, $n, $n, $o, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $b2, $b2, $o2, $n, $o, $n, $n, $ro, $ro, $ro, $ro, $ro, $ro, $n, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $b2, $b, $b, $b2, $o2, $o2, $o, $n, $n, $n, $ro, $ro, $ro, $n, $b2, $o2, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $b2, $b, $b, $b2, $o, $o2, $o, $n, $b2, $n, $n, $n, $b, $b2, $o2, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $n, $n, $t, $n, $ro, $n, $b2, $b, $b2, $o, $o, $o, $o2, $n, $b2, $b, $b, $b, $b2, $o, $n, $t, $t, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $n, $o2, $ro, $n, $n, $ro, $ro, $n, $b2, $n, $o, $o2, $o, $o, $o2, $n, $b2, $b, $b2, $o2, $o2, $n, $t, $t, $t, $t, $n, $t, $t, $t ),
	( $t, $t, $t, $t, $n, $ro, $n, $o2, $ro, $n, $o2, $ro, $ro, $n, $o2, $o, $o, $n, $o2, $o, $o2, $n, $b2, $n, $o, $n, $ro, $n, $t, $t, $n, $o2, $n, $n, $t, $t ),
	( $t, $t, $t, $n, $ro, $o2, $ro, $n, $n, $ro, $o2, $ro, $o2, $n, $n, $o2, $o2, $o, $n, $o2, $o, $o, $n, $o, $o2, $n, $ro, $ro, $n, $n, $n, $ro, $o2, $ro, $n, $t ),
	( $t, $t, $t, $n, $ro, $ro, $ro, $o2, $n, $b, $ro, $ro, $n, $t, $t, $n, $o2, $o2, $o2, $n, $o2, $o2, $o, $o2, $n, $ro, $ro, $ro, $b2, $b, $n, $o2, $ro, $o2, $n, $t ),
	( $t, $t, $t, $t, $n, $ro, $o2, $ro, $o2, $b, $ro, $o2, $n, $t, $t, $t, $n, $n, $n, $n, $n, $b2, $b2, $b2, $n, $ro, $ro, $b2, $b, $n, $ro, $ro, $o2, $ro, $n, $t ),
	( $t, $t, $t, $t, $n, $ro, $ro, $b2, $b2, $b, $n, $n, $t, $t, $t, $t, $n, $b2, $b2, $b2, $b2, $b, $b, $b, $n, $n, $ro, $n, $b, $n, $ro, $ro, $ro, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $n, $b2, $b2, $b2, $n, $t, $n, $n, $n, $n, $n, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $n, $o2, $o, $n, $o2, $n, $o, $n, $t, $t, $t, $t, $t, $t, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $n, $o2, $o, $o, $n, $o2, $o2, $o, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $n, $o, $o, $o, $n, $o2, $o, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o, $o2, $o, $o, $o, $n, $o2, $o, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o, $o, $o, $o, $o, $o, $n, $o2, $o, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $o, $o, $o2, $o, $o, $n, $o2, $o, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $n, $o2, $o2, $o2, $o, $o, $n, $o2, $o2, $o2, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o, $n, $n, $o, $o, $o, $n, $o2, $o2, $o2, $o, $o2, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o, $o, $o, $o, $o, $o2, $n, $n, $o2, $o2, $o2, $n, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $o2, $o2, $o2, $o, $o, $o2, $n, $o2, $n, $o2, $o2, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $n, $n, $o2, $o2, $o2, $n, $o2, $o2, $o, $n, $n, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $o2, $o2, $o2, $o, $o, $n, $n, $n, $n, $o2, $o, $o, $o, $o, $o, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $o2, $o, $o, $n, $t, $n, $o2, $o2, $o, $o, $o, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $b, $r, $b, $n, $n, $n, $t, $t, $n, $n, $n, $n, $n, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $b, $r, $b, $b2, $n, $t, $t, $t, $n, $b, $b, $b2, $r, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $or, $or, $r, $or, $or, $n, $t, $t, $t, $n, $or, $or, $or, $r, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $b, $r, $b, $b2, $n, $t, $t, $t, $t, $n, $b, $b, $b, $b2, $r, $n, $t, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $b, $r, $b2, $b2, $n, $t, $t, $t, $t, $t, $n, $b, $b, $b, $b2, $r, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $t, $t, $t, $t, $t, $t, $t, $n, $n, $n, $n, $n, $n, $t ),
	( $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t, $t )
);



@function pixelize($colors, $size) {
	$result: '';
	$numRows: length($colors);

	@for $rowIndex from 1 through $numRows {
		$y: ($rowIndex - 1);
		$row: nth($colors, $rowIndex);
		$numCols: length($row);

		@for $cellIndex from 1 through $numCols {
			$x: ($cellIndex - 1);
			$color: nth($row, $cellIndex);

			$sep: ',';
			@if $x == 0 and $y == 0 {
				$sep: '';
			}

			$result: $result + '#{$sep} #{$x * $size} #{$y * $size} #{$color}'
		}
	}

	$result: unquote($result);
	@return $result;
}

.content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

#son-goku {
	position: relative;
	width: calc( 38 * #{$size} );
	height: calc( 56 * #{$size} );

	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: $size;
		height: $size;
		box-shadow: pixelize($goku, $size);
	}
}