html {
  background-image: url("../images/websitebackground.png");
	background-color: #3B3B3B;
	background-repeat: repeat;
	font-family: "Lucida Console";
}

h1 {
	color: #d27ff0;
	padding-top: 2px;
}

.nav{
	  list-style:none;
	  margin:0;
	  padding:0.7%;
	  text-align:center;
}

div.navBorder{
	  background-color:rgba(72, 35, 105,0.97);
	  border-style: outset;
	  border-color: #c623eb;
}

.nav li{
	  border-style: none;
	  display:inline;
}

.nav a{
	  display:inline-block;
	  color: #a727e3;
	  padding-left:10px;
    padding-right:10px;
}

div.content{
	border-style: outset;
	border-color: #c623eb;
	background-color:rgba(35, 75, 105, 0.97);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 15%;
	margin-left: 15%;
	/*margin-top: 3%;*/
	padding: 2%;
}

pre{
	overflow: auto;
	word-wrap: pre-wrap;
}

div.coolStuff {
	display: flex;
	flex-direction: row;
	/*justify-content: center;*/
	text-align: left;
}

div.head{
	flex-grow: 0;
	padding: 1em;
	text-align: left;
}

div.stuff{
	border-style: outset;
	border-color: #c623eb;
	color: #9e61ba;
	flex-grow: 1;
	justify-content: left;
}
div.link{
	border-style: outset;
	border-color: #c623eb;
	color: #9e61ba;
	flex-shrink: 1.8;
	list-style-type: none;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

div.links{
	border-style: outset;
	border-color: #c623eb;
	color: #9e61ba;
	flex-grow: 2;
}

div.footBorder{
	border-style: outset;
	border-color: #c623eb;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px;
}

header{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

h1.headertext{
	text-align: center;
}

h3.gondcaption {
	color: #d27ff0;
  text-align: center;
}
h3.gondlink {
	color: #d27ff0;
  text-align: center;
}

a.gondbutton{
	color: #d27ff0;
  text-align: center;
}

.posts{
	color: #d27ff0;
}

a.posts{
	/*padding-top: 1em;*/

}

a.sex {
	  color: #d27ff0;
    text-decoration: none;
}

p.post{
  color: #d27ff0;
  font-size: 16px;
	padding: 1em;
}

img.footer{
	  color: #a727e3;
	  margin: 0.8%;
	  flex-shrink: 3;
}

img.gondimg{
    padding: 9px;
    margin-left: 30%;
    margin-right: 30%;
    max-width: 40%;
    height: auto;
    width: auto;
}
video.gondvid{
    padding:9px;
	height: auto;
	width: 50%;
}

img.computer{
	height: 60px;
	padding: 5px;
	width: auto;
}

img.profile {
	border-style: outset;
	border-color: #c623eb;
	max-width: 100%;
	max-height: 500px;
	height: auto;
	width: auto;
}

img.projectimg {
  padding: 9px;
  max-width: 30%;
  height: auto;
  width: auto;
}

img.construction {
  height: 20px;
  width: auto;
}

img.copyright {
  height: 20px;
  padding: 5px;
  margin-top: 27px;
  width: auto;
}

p.stuff{
	color: #9e61ba;
	padding: 1em;
}

p.filler{
  color: #d27ff0;
  font-size: 24px;
  padding: 1em;
}

.project{
  color: #d27ff0;
  font-size: 16px;
  padding-left: 1em;
  padding-right: 0.7em;
  padding-bottom: 3em;
}

project a {
    color: #d27ff0;
    text-decoration: none;
};

ul {
	color: #a727e3;
	list-style-type: none;
}

video {
	display: block;
	margin: auto;
}

div.videoBorder {
	border-style: outset;
	border-color: #c623eb;
	margin: 1em;
}