*{
webkit-box-sizing:  border-box;
	-moz-box-sizing:  border-box;
	-ms-box-sizing:  border-box;
	box-sizing:  border-box;
font-family: 'Inconsolata', monospace;
/*font-family: 'Oxygen Mono', monospace;*/
	background-color: black;
	color: #a167fe;
}
h1{
	margin-top: 0px;
	font-family: 'Oxygen Mono', monospace;
	text-align: center;
	border-style: solid;
	
}
h2
{
	margin-top: 0px;
	color:#a167fe;
	background-color: black;
	border: solid;
	font-family: 'Oxygen Mono', monospace;
}
h2.chunk2
{
	display:flex;
	width: 80%;
	border-style: solid;
	padding:2px;
	margin-bottom: 20px;
	margin-top: 20px;
}
h2.top
{
	margin-top: 0px
}
h3
{
	font-family: 'Inconsolata', monospace;
	margin-bottom: 0;
	
}
h4
{
	font-family: 'Inconsolata', monospace;
	font-weight:700;
	display: block;
	margin:0;
}
h3.tf
{
	margin: 0px;
	font-family: 'Inconsolata', monospace;
}
ul.nav
{
	padding-bottom: 0px;
	padding-top:0px;
	width: 100%;
	font-family: 'Oxygen Mono', monospace;
	margin-top:20px;
	margin-bottom:20px;
}
li.navl
{
	/*font-family: 'Oxygen Mono', monospace;*/
	text-align: center;
	width: 49%;
	display: inline-block;
	color:#a167fe;
	background-color: black;
	font-weight: 1000;
	border-style: dashed;
	border-width: thin;
}
.navl:hover, .navl:hover a 
{
	color:black;
	background-color: #a167fe;
}
.navl:hover, .navl:hover a 
{
	color:black;
	background-color: #a167fe;
}
ul
{
	display:block;
	padding:2%;
}
ul.work
{
    padding: 0px;
    margin: 0;
    padding-left: 20px;
}
li
{
	font-family: 'Inconsolata', monospace;
}
li.current
{
	border-width: medium;
}
li.work
{
 width:100%;

}
.logo
{
	text-decoration:none;
    font-family: 'Oxygen Mono', monospace;
	text-align: center;
}
.current:hover, .current:hover a 
{
	color: #a167fe;
	background-color:black;
	cursor: default;
}
li.skill
{
	font-family: 'Inconsolata', monospace;
	list-style-type: none;
	text-align: right;
	display: block;
}
div.skills
{
	width: 50%;
	display: grid;
	border-style: double;
	padding-left: 2%;
	margin: 10px;
}
div.spacer
{
	width: 5%;	
}
div.spacer2
{
	width:10%;
}
div.chunk
{
	display: flex;
	width: 90%;
}
div.chunk2
{
	display:flex;
	width: 80%;
	border-style: solid;
}
div.section
{
	margin: 0px;
	width: 100%;
	/*border-style: solid;*/
	border-color: lavender;
	display: flex;
}
div.work
{
	padding:15px;
	/*width: 95%;*/
	display:inline-block;
	font-family: 'Inconsolata', monospace;
	padding-top: 0px;
}
div.pic
{
	float:left;
	width:310px;
    height: 430px;
	margin-bottom: 0px;
	padding: 10px 10px;
	border-style: solid;
	border-width: thin;
	margin: 5px;
    display: inline-block;
}
div.about
{
	float:left;
	text-align: left;
	padding: 20px;
}
div.ah
{
	height:95%;
}
div.al
{
	padding-left:40px;
	font-family: 'Inconsolata', monospace;
}
div.bb
{
	margin-top:0;
	display:inline-block;
	width: 100%;
}
div.wh
{
	width: 100%;
	
}
h2.testcolor
{
	background-color:inherit;
	color:black;
	text-align: center;
}
h2.favpur
{
	background-color:#a167fe;
}
h2.grey
{
	background-color:#8fa9a0;
}
h2.dvpur
{
	background-color:#402868;
}
h2.dmpur
{
	background-color:#302048;
}
h2.peri
{
	background-color:#726bc2;
}
h2.emel
{
	background-color:#016116;
}
h2.saph
{
	background-color:#004ba6;
}
h2.ioli
{
    background-color:#71379a;
}
h2.apat
{
    background-color:#77a5b2;
}
label.st
{
    display: inline-block
}
pre
{
	font-family: 'Inconsolata', monospace;
	margin:0;
}
button
{
	margin-top: 10px;
	text-align:center;
	width:49%;
	/*border-style: solid;*/
	border-color: #a167fe;
}
button:hover
{
	color:#a167fe;
	background-color: black;
}
textarea
{
    border-style: double ;
    border-width: medium;
    border-color: #a167fe;
}
.block
{
	width: 90%;
}
#name
{
    width: 20vw;
    display: inline-block;
    border-style: double ;
    border-width: medium;
    border-color: #a167fe;
}
#email
{
    width: 20vw;
    display: inline-block;
    border-style: double ;
    border-width: medium;
    border-color: #a167fe;
}
#message
{
    width: 80vw;
    display: inline-block;
}
#send
{
    width:100%;
}