/*    Stylesheet for Squares Animations & Blayze Tech
	  Written by: Blayze Millward
	  Version: 2.1
	  Last Modified: 26/01/2021
*/

article {
	padding: 15px 15px 5px 15px;
}
hr.dashed {
	background-image: url("../images/dashed_line.png");
	margin-bottom: 15px;
}
article h2 {
	margin-bottom: 0px;
}
article p {
	position: relative;
	left: 10px;
	display: inline-block;
	line-height: 1.5em;
}
article pre {
	/* Once again, a brilliant pattern from subtlepatterns.com */
	background-image: url("../images/fabric_of_squares_gray.png");
	position: relative;
	margin: 0 4%;
	max-width: 85%;
	//left: 40px;
	display: inline-block;
	//padding: 10px 40px 10px 20px;
	padding: 1.2% 4.8% 1.2% 2.4%;
	border: 1px solid lightgrey;
	border-left: 15px solid lightgrey;
	border-radius: 3px;
}
article p code {
	background-image: url("../images/fabric_of_squares_gray.png");
	padding: 1px 3px;
	border: 1px solid lightgrey;
	border-left: 5px solid lightgray;
	border-radius: 3px;
}
/*blockquote:before {
	content: open-quote;
}*/
a.seeMoreBtn {
	background-color: #444;
	padding: 0.8em;
	border-radius: 0.6em;
	color: #eee;
	text-decoration: none;
}

a.seeMoreBtn:hover{
	background-color: #777;
	color: #eee;
}
a:link,
a:visited {
	color: #333;
}
a:hover {
	color: #6b6b6b;
}
h2 a:link,
h2 a:visited {
	color: #111;
	text-decoration: none;
}
h2 a:hover {
	color: #444;
}
article h3 {
	display: inline-block;
	margin: 15px 0 0 0;
}
article h3 a:link,
article h3 a:visited{
	text-decoration: none;
	color: #000;
}
article h3 a:hover{
	text-decoration: none;
	color: #222;
}

.timestamp {
	font-size: 0.8em;
	font-family: monospace, serif;
}
img {
	margin: 0 auto;
	padding: 20px;
	display: block;
}

table {
	margin: 10px 0px 20px 0px;
}

.codeDemo {
	width: 100%;
}
.codeDemo pre {
	height: 100%;
}
.canvasDemo {
	margin: 0 20%;
	width: 60%;
	-webkit-box-shadow: 0px 0px 40px 4px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 40px 4px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 40px 4px rgba(0,0,0,0.24);
}