/** 

YOURSPACE PAGE - made by Nyar @ https://fear.garden

I originally made this for personal use in 2019, and I've been messing around with it ever since. Quality is a bit meh, but hey, it works!

Feel free to customise to your heart's content.

**/

/** general **/
body, html {
	margin: 0;
	padding: 0;
}
body {
	background: #BADEFC;
	color: #fff;
}
body, table {font: 14px sans-serif;}
a {color: #003399;}
h1, h2, h3 {background: #426bba;}
h1, h2, h3, th {
	box-sizing: border-box;
	color: #fff;
	margin: 0;
	padding: 2px 4px;
}
h1, h2 {
	font-size: 16px;
	width: 100%;
}
h3 {
	display: inline-block;
	font-size: 15px;
	margin: 2px 3px; 
	padding: 2px 4px;
}
img, iframe {max-width: 100%;}
table {width: 100%;}
th {
	background: #97beec;
	color: #203670;
	text-align: left;
	width: auto;
}

/** class **/
.box {
	background: #000;
	border: #426bba 2px solid;
	margin: 10px 0;
	padding: 3px;
}
.center {text-align: center;}
.container, .footer, .header {
	background: #fff;
	box-sizing: border-box;
	border-left: #426bba 2px solid;
	border-right: #426bba 2px solid;
	box-sizing: border-box;
	margin: 0 auto;
	width: 850px;
}
.container {
	height: 100%;
	padding: 0 1em 1em;
}
.columns {
	display: grid;
	grid-column-gap: 1em;
	grid-template-columns: 292px auto;
	width: 100%;
}
.curve {border-radius: 7px;}
.footer, .header {
	background: #d7e4ff;
	box-sizing: border-box;
	font-family: sans-serif;
}
.footer {
	border-top: #426bba 2px solid;
	padding: 10px 30px 10px;
}
.header {
	border-bottom: #426bba 2px solid;
	padding: 0 30px 10px;
}
.header span {
	padding: 0 15px;
}
.header .title {
	color: #000;
	font-size: 200% ;
	text-align: left;
	text-decoration: none;
}
.profimg {
	float: left;
	padding: 5px 5px 0 0;
}

/** id **/
#contact a {
	font-weight: bold;
	text-decoration: none;
}
#contact a::before {
	content: url('https://placehold.co/16');
	padding: 0 1em 0 0;
}
#interests td, #details td {width: 70%;}
#url span {font: 12px monospace;}

/** Small screens **/
@media (max-width: 865px) {
	.container, .navbar, .footer, .header {width: 100%;}
	.columns {grid-template-columns: 100%;}
	.box {margin: 1em 0;}
	.box:last-child {margin: 0;};
}