/* Loading some snazzyyy Y2K fonts hehehehehehehehe */ 
@font-face {
	font-family: "audionugget";
	src: url('fonts/audionugget.ttf') format('truetype');
	font_weight: normal;
	font_style: normal;
}

/* Aligning all images */
.profilepicture {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 159px;
	height: auto;
	border: 5px solid black;
}

.profile {
	margin-left: 100px;
	margin-right: 100px;
}

.bar {
	border-top: 40px;
	background-color: #63D2C9;
	width: 100%;
	height: 50px;
}

.nephead{
	width: auto;
	height: 90px;
}

/* Used for the lil "Radioactive Princess", tbf she'd probably use a nuclear generator */
.radioactive {
	/* display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px; */
	height: 28px;
	width: auto;
}

/* Setting the Header Fonts to Be Funky */
h1 {
	font-family: "audionugget";
	text-align: center;
	color: magenta;
}

/* Setting the Header Fonts to Be Funky */
h2 {
	font-family: "audionugget";
	color: teal;
}

.shadow {
	text-shadow: 2px 2px #000000;
}

.drippy{
	background-image: url(assets/drip.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: contain;
}


/* Centering everything inside the maincontainer div */
.maincontainer {

	/* Centers the content on the page. */
	max-width: 960px;
	margin: 0 auto;
	background-color: white;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(to bottom, #39C6BA, #ffffff);

}

/* Used for our nav barrrr. Hope this can be used across multiple html pages. */
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "audionugget";
	background: linear-gradient(to right, magenta, #ffffff);
	overflow: hidden;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #111111;
}

/* Giving the body element a background */
html {
	background-image: url(backgrounds/background1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: contain;
	height: 400%;
	background-color: #63D2C9;
	margin-top: 40px;
	height: 40px;
}

.status {
	background-color: black;
}

/* Set Heights and Reset Defaults on Parent Elements */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}