/*

      ___        ___         ___           ___           ___     
     /\__\      /\  \       /\__\         /\  \         /\  \    
    /:/  /      \:\  \     /::|  |       /::\  \       /::\  \   
   /:/  /   ___ /::\__\   /:|:|  |      /:/\:\  \     /:/\:\  \  
  /:/  /   /\  /:/\/__/  /:/|:|  |__   /:/  \:\__\   /::\~\:\  \ 
 /:/__/    \:\/:/  /    /:/ |:| /\__\ /:/__/ \:|__| /:/\:\ \:\__\
 \:\  \     \::/  /     \/__|:|/:/  / \:\  \ /:/  / \/_|::\/:/  /
  \:\  \     \/__/          |:/:/  /   \:\  /:/  /     |:|::/  / 
   \:\  \                   |::/  /     \:\/:/  /      |:|\/__/  
    \:\__\                  /:/  /       \::/__/       |:|  |    
     \/__/                  \/__/         ~~            \|__|   

*/

body{
	background-image: url("../img/gradient.jpg");
	position: center;
}

li{
	display: inline-block;
	text-align: center;
}

ul{
	text-align: center;
    font-family: "helvetica", sans-serif, bold;
    font-size: 18px;
    color: white;
    padding: 18px;
    border-style: solid;
    background-color: white;
    margin-top: 25px;
}

a:link{
	color: white;
}

a:hover{
	color: white;
}


h1{
	font-family: "helvetica", sans-serif, bold;
	font-size: 230px;
	display: auto;
	align-content: center;
	text-align: center;
	color: white;
	margin-top: 80px;
}

#Gaga{
	font-family: "helvetica", sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: white;
	margin-top: -69px;
}

.ascii{
	font-family: "helvetica", sans-serif;
	font-size: 1.2w;
}

.ljndr{
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
}

#about-ljndr{
	font-family: "helvetica", sans-serif;
    font-size: 20px;
    text-align: center;
    color: white;
}

h2{
	font-family: "helvetica", sans-serif, bold;
    font-size: 65px;
    align-content: center;
    text-align: center;
    color: white;
    margin-top: 80px;

}
#center{
	align-content: center;
	margin
}

#background{
	text-align: center;
    font-family: "helvetica", sans-serif;
    font-size: 136px;
    color: white;
    margin-top: 36px;
}

#la{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -132px;
}

#studiojq{
	font-size: 20px;
    color: white;
    font-family: "helvetica", sans-serif;
    text-align: center;
}

/*I am having a lot of trouble trying to center these images into rows/cloumns. Sorry!*/

#images{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

#octopus{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#about-octo{
	font-family: "helvetica", sans-serif;
    font-size: 20px;
    text-align: center;
    color: white;
}

#cone{
	display: block;
	margin-left: auto;
	margin-right: auto;

}

#cone-art{
	display: block;
	margin-left: auto;
	margin-right: auto;
}