@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT BY IAN BESLER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

html,body,header,main,section,article {
	margin: 0;
	padding: 0;
}

header,main,footer {
	position: relative;
	z-index: 20;
}

html,body {
	width: 100%;
	scroll-behavior: smooth;
}

::selection {
  background: #f0f; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #f0f; /* Gecko Browsers */
}

a:link		{color: #00f;text-decoration-style:dotted;}
a:visited	{color: #f0f;text-decoration-style:dotted;}
a:hover		{background-color: #ff0;text-decoration-style:wavy;}
a:active	{background-color: #0f0;color: #ff0;text-decoration-style:wavy;}

.text-remove-style:link			{color: #000; text-decoration:none;}
.text-remove-style:visited	{color: #000; text-decoration:none;}
.text-remove-style:hover		{background-color: initial; text-decoration:none;}
.text-remove-style:active		{background-color: initial; color: #ff0;text-decoration:none;}


body {
	overflow-x: hidden; /* Hide horizontal scrollbar */
	font-size: 18pt;
	font-family: serif;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	background-color: #fff;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- HEADER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=
*/

header {
	width: 30em;
	font-size: 1.5em;
	line-height: 1.5em;
/*	position: fixed;	*/
	position: absolute;
	top: 12%;
	left: 9.4%;	
}

header div {
	float: left;
	box-shadow: 5px 5px 5px #000;
	position: relative;
}

h1,h2,header h3, header h4, header h5, header h6 {
	display: inline;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1.5em;
}

	header div:nth-of-type(1) {z-index: -5; padding: 0.0em 0 0 0.0em;}
	header div:nth-of-type(2) {z-index: -4; padding: 0.0em 0 0 0.5em;}
	header div:nth-of-type(3) {z-index: -3; padding: 0.5em 0 0 0.0em;}
	header div:nth-of-type(4) {z-index: -2; padding: 0.5em 0 0 0.0em;}
	header div:nth-of-type(5) {z-index: -1; padding: 0.5em 0 0 0.0em;}

/*
-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- MAIN =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=
*/

main,footer {
	transform: translateY(182vh);
	padding: 0 10%;
}

main h3, main h4, main h5, main h6 {
	font-size: 2.8em;
	border-top: 2px solid #000;
	background-color: #fff;
}

/*
-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- ABOUT -=-=-=-
-=-=-=-=-=-=-=-=-=-=-=
*/

section#about figure img {
	margin-top: 2em;
}

figure#ian-besler-profile-picture img {
	width: 138%;
	left: -19%;
	position: relative;
}

figcaption {
	position: relative;
	top: -3em;
	padding: 0.2em 0.3em;
	margin: 0.85em;
	display: inline;
	background-color: #fff;
	font-size: 16pt;
}

/*
-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- NEWS =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=
*/

li, p {
	max-width: 26em;
}

#news ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#news ol li time {
	color: #fff;
	background-color: #000;
	padding: 0.4em;
	font-size: 14pt;
}

#news summary, #news summary time, #news ol li  {
	font-size: 34pt;
}

#news p {
	margin-top: 0;
	border-top: 1pt solid #000;
}

/*
-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- MAIN =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=
*/

main p, main li {
	background-color: #fff;
	font-size: 34pt;
}

main li ul li {
	font-size: 34pt;
}

section time {
	font-size: 34pt;/*
	background-color: #aaa;
	padding: 0.2em 0.5em;
	border-radius: 15%;*/
}

main section,main article {
	background-color: hsla(0, 100%, 100%, 0.9);
	padding: 1px 2%;
/*	border: 1px solid red;*/
}

mark {
	background-color: hsl(60, 100%, 50%);
}

mark a:link			{color:#000;mix-blend-mode: normal;	background-color: none;text-decoration: none;}
mark a:visited	{color:#000;mix-blend-mode: normal;	background-color: none;text-decoration: none;}
mark a:hover		{color:#000;mix-blend-mode: overlay;background-color: none;text-decoration: none;}
mark a:active		{color:#000;mix-blend-mode: overlay;background-color: none;text-decoration: none;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- STICKER -=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-
*/

li:nth-of-type(1) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(45deg);
			background-color: #ff0;
		}
		li:nth-of-type(2) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(15deg);
			background-color: #f0f;
		}
		li:nth-of-type(3) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(30deg);
			background-color: #0ff;
		}
		li:nth-of-type(4) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(45deg);
			background-color: #f00;
		}
		li:nth-of-type(5) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(15deg);
			background-color: #0f0;
		}
		li:nth-of-type(6) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(30deg);
			background-color: #00f;
		}
		li:nth-of-type(7) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(45deg);
			background-color: #ffa500;
		}
		li:nth-of-type(8) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(15deg);
			background-color: #800080;
		}
		li:nth-of-type(9) .project-list-sticker {
			transform: translate(-0.6em,-0.5em)rotate(30deg);
			background-color: #000;
		}

	.project-list-sticker {
		display: inline-block;
		border-radius: 50%;
	}

		.sticker-one-line {
			padding: 1em 0.5em;
			font-size: 0.25em;
		}

		.sticker-two-lines {
			padding: 30em 18em;
			font-size: 0.01em;
			vertical-align: top;
		}

		.sticker-emoji {
			padding: 0.2em 0.4em;
			font-size: 0.5em;
		}