body{
    background-color:rgb(255,255,255);
    font-family: 'Lato', sans-serif;
   
   
    background: linear-gradient(to right, rgba(248,255,245,1) 0%, rgba(197,247,191,1) 100%);

);

/*
    background: linear-gradient(to right, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);

    background-image:linear-gradient(
	rgb(200, 200, 200),
	rgb(100, 100, 100)
*/

}


img { margin: 5px 10px; } 

div#chartnotes {

	width:800px;
    text-align: center;
}

div#footer {
    clear: both;
    color: #666;
    border-top: 2px solid #666;
    padding: 30px;
}

div#unwrap {

    overflow: hidden;

    white-space: nowrap;

    background-color: black;
    color: #FFF;
}

div#container1 {
    padding: 30px;
}

div#container2 {
    padding: 5px;
}


div#bigtitle { /* This is the custom font properties for the big Title, 'By Major, Which..' */
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
}

div#majortext { /* This is the custom font properties for 'Select a Major' */
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    text-align: center;
}

div#currentmajor { /* This is custom font properties for the current major selected text */
    font-family: Lato;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    width: 800px;
    text-align: center;

}

div#buttonsfeelings { /* Special properties of the buttons */
    overflow: hidden;
    white-space: nowrap;
    margin: auto;
    text-align: center;
}

div#spacemaker {
	clear: both;
	border-top: 2px;
	border-bottom: 2px;
	padding: 10px;
}

.banana { /* Boostrapped buttons graphics */ 
    background: #3d3d3d;
    background-image: -webkit-linear-gradient(top, #3d3d3d, #3d3d3d);
    background-image: -moz-linear-gradient(top, #3d3d3d, #3d3d3d);
    background-image: -ms-linear-gradient(top, #3d3d3d, #3d3d3d);
    background-image: -o-linear-gradient(top, #3d3d3d, #3d3d3d);
    background-image: linear-gradient(to bottom, #3d3d3d, #3d3d3d);
    font-family: Lato;
    color: #ffffff;
    font-size: 14px;
    
    border: solid #b8b8b8 2px !important;
    text-decoration: none;
    margin: 5px;
    
}

.banana:hover { /* What the buttons look like when hovered over */
    background: #0baa13;
    background-image: -webkit-linear-gradient(top, #0baa13, #0baa13);
    background-image: -moz-linear-gradient(top, #0baa13, #0baa13);
    background-image: -ms-linear-gradient(top, #0baa13, #0baa13);
    background-image: -o-linear-gradient(top, #0baa13, #0baa13);
    background-image: linear-gradient(to bottom, #0baa13, #0baa13);
    /*text-decoration: none;*/
    color: #ffffff !important;
}

.banana:active { /* What the button looks like when clicked on */
    background: #C0C0C0
}


#content { /* The middle section of the body's properties */
    margin-left: 15%;
}
#sidebar { /* The left section of the body's properties (all the buttons) */
    float: left;
    width: 15%;
    /* width: 150px; */ 
    padding: 5px;
}