/*--------------------------------------------------*/
/*	OVERRIDES
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*	CODE
/*--------------------------------------------------*/

#webpage code.block {
	display: block;
	overflow-x: auto;
	font-size: 110%;

	background: var(--terminal-background);
	color: #FFFFFF;

	padding: 15px;
	padding-top: 45px;
	border-radius: 5px;
}


#webpage code.block::before {
}


#webpage code.block::after {
	content: "Code";
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 30px;

	line-height: 20px;
	padding: 6px 15px;

	background: var(--terminal-background-light);
	color: #FFFFFF;
}

#webpage code.block.bash::after {
	content: "Bash";
}

#webpage code.block.bash pre::before {
	content: "user@console:~$ ";
}

#webpage code.block.js::after {
	content: "Javascript";
}

#webpage code.block.js pre::before {
	content: "> ";
}

#webpage code.block.python::after {
	content: "Python";
}

#webpage code.block.python pre::before {
	content: ">>> ";
}

#webpage code.block.php::after {
	content: "PHP";
}

#webpage code.block.php pre::before {
	content: "";
}

#webpage code.block.sql::after {
	content: "SQL";
}

#webpage code.block.sql pre::before {
	content: "";
}

/*--------------------------------------------------*/
/*	BULLET POINTS
/*--------------------------------------------------*/

#webpage ul.bullet {
	margin-top: 0 !important;
}

#webpage ul.bullet li {
	padding-left: 30px;
}

#webpage ul.bullet li::before {
	content: " ";
	position: absolute;
	top: calc(50% - 2px);
	left: 20px;

	width: 6px;
	height: 6px;

	border-radius: 3px;

	background: var(--color-black-light);
	transform: translate(-50%, -50%);
}