@charset "utf-8";


html{
	background: linear-gradient(to bottom, #101010 200px, #0c0032);
	background-attachment: fixed;
	color: white;
}

body {
	
}

body header {
	
}

body > main {
/*	box-shadow: 1px 10px 10px 1px rgba(50, 40, 100, .2), -1px -2px 1px 1px rgba(55, 40, 100, .4) inset;*/
	
}

/* Background Colors */

main.home {
	background: linear-gradient(to bottom, #0D0036, #0D003600);
} 

main.software {
	background: linear-gradient(to bottom, #10003F, #0D003600);
}

main.artwork {
	background: linear-gradient(to bottom, #120047, #12004700);
}

main.threed {
	background: linear-gradient(to bottom, #140050, #14005000);
}

main.webdev {
	background: linear-gradient(to bottom, #170058, #17005800);
}

main.contact {
	background: linear-gradient(to bottom, #190061, #19006100);}


/* Navigation Colors */

li.software {
	background: #10003F;
}

li.artwork {
	background: #120047;
}

li.threed {
	background: #140050;
}

li.webdev {
	background: #170058;
}

li.contact {
	background: #190061;
}

/* navigation animation */

header > nav a {
	transition-property: color, text-shadow;
	transition-duration: 0.25s;
}

header > nav a:link, header > nav a:visited {
	color: white;
	text-shadow: 2px 2px 4px rgb(200, 200, 200);
}

header > nav a:active, header > nav a:hover {
	color: #d48626;
	text-shadow: 2px 2px 4px #E2725D;
}

header > nav li {
	border: 4px solid #101010;
	border-bottom: none;
	border-left: thick;
	border-right: thick;
}

header > nav li.software:hover {
	border-color: #10003F;
}

header > nav li.artwork:hover {
	border-color: #120047;
}

header > nav li.threed:hover {
	border-color: #140050;
}

header > nav li.webdev:hover {
	border-color: #170058;
}

header > nav li.contact:hover {
	border-color: #190061;
}

/* Scrollbar */


::-webkit-scrollbar {
	width: 15px;
	height: 10px;
}


::-webkit-scrollbar-track {
	background: linear-gradient(to bottom, #101010 200px, #0c0032);
}


::-webkit-scrollbar-thumb {
	background: #c8c8c830;
	border-radius: 10px;
}


::-webkit-scrollbar-thumb:hover {
	background: #d48626;
}