body {
	background-color: snow;
	background-image: url("../img/bg.jpg");
    background-repeat: repeat;
    font-family: 'Roboto', sans-serif;

}

.mainBody{
	height: 105vh;
	width: 100vw;
	background-color: snow;
	background-image: url("../img/ovenBg.jpg");
    background-size: cover;
    position: fixed;
}

.mainContent {
	width: 100vw;
	position: absolute;
}

h1, h2 {
    font-family: 'Taviraj', serif;
}

/* * * * HOME PAGE * * * */
.navUnderline{
	display: inline-block;
}

.currentNav {
	border-bottom: 2px solid black;
}

.header {
	height: 10%;
	background-color: rgba(0,0,0,0.1);
	margin-bottom: -3%;
	padding-top: 20px;
	padding-bottom: 5px;
}

.bodyDiv {
	background-color: none;
	padding-top: 4%;
	margin-bottom: -4%;
}

.bottomDiv {
	padding-top: 2%;
	background-color: none;
}

.displayNone {
	display: none;
}

.sideBar {
	background-color: rgba(255,255,255,0.5);
	color: black;
	height: 325px;
	margin-top: 25px;
	overflow: scroll;
	padding: 2%;
	border: 2px solid grey;
}

.sideBar a {
	color: black;
}

.sideBar a:hover {
	color: lightgrey;
}

.toppingsMenu {
	padding-bottom: 25px;
}

.svgBox {
	background-color: none;
	color: white;
	margin-top: -50px;
	padding: 5%;
	margin-left: 4%;
}

.viewOrder {
	margin-top: -9px;
}

.round {
	border-radius: 5px;
	width: 100%;
	padding: 5px;
}

.total, .total:hover {
	color: black;
	background-color: rgba(255,255,255,0.7);
	font-size: 1.75em;
	padding-top: 11px;
	padding-bottom: 11px;
}

.orderBox {
	position: fixed;
	background-color: grey;
	width: 60%;
	height: 450px;
	z-index: 1000;
    top: 20%;
    left: 30%;
}

.hideMe {
	display: none;
}

/* * * * Accordion Menu * * * */
/* Style the buttons that are used to open and close the accordion panel */

.accordion {
	background-color: none;
}

button.accordion {
    background-color: none;
    color: black;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: none;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    background-color: none;
    display: none;
}