/*

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

body{
	background-color: black;
	text-align: center;
}

h1{
	font-family: "Helvetica", Arial, sans-serif;
	color: magenta;
	font-size: 72pt;
	text-align: center;
}

h2{
	font-family: "Helvetica", Arial, sans-serif;
	color: cyan;
	font-size: 35pt;
	text-align: center;
}

h3{
	font-family: "Helvetica", Arial, sans-serif;
	color: orange;
	font-size: 25;
	text-align: center;
}

ul{
	list-style-type: none;
	display: block;
	font-size: 27px;

}

.skeleton{
	display: block;
	margin-left: auto;
	margin-right: auto;

}

.tyra {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


#pizza{
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	background-color: darkorange;
	width: 484px;
	padding: 6px;
	font-size: 30px;
	font-family: "Helvetica";

}
.brix{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	color: black;
	text-align: left;
	width: 451px;
	font-size: 18px;
	list-style-type: square; 
	background-color: yellow;
    padding: 22px;
    border: 10px;
}

#competition{
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	background-color: blueviolet;
	width: 484px;
	padding: 6px;
	font-size: 30px;
	font-family: "Helvetica";
}

.competitor{
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	background-color: white;
	width: 484px;
	padding: 6px;
	font-size: 30px;
	font-family: "Helvetica";
}

.pepperoni{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
	color: black;
	text-align: left;
	width: 451px;
	font-size: 18px;
	list-style-type: square; 
	background-color: greenyellow;
    padding: 22px;
    border: 10px;
}

#project2{
	text-align: center;
    font-family: "helvetica", sans-serif, regular;
    font-weight: 15;
}

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

#davis{
	margin: 15px;
    background-color: grey;
    width: 50px;
    height: 800px;
    display: inline-block;
}

#davis1{
	margin: 15px;
    background-color: white;
    width: 50px;
    height: 800px;
    display: inline-block;
}

#davis2{
	margin: 15px;
    background-color: grey;
    width: 50px;
    height: 800px;
    display: inline-block;
}

#comment{
	color: white;
    font-family: "helvetica", sans-serif;
    margin-top: 111px;
    margin-bottom: 63px;
}

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

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

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