body, html {
	margin: 0;
	padding: 0;
}

body {
//	background-color: #474747;
background: #020024;
background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}

#header {
	//background-color:#000000  !important;
        background-image: linear-gradient(to right top, #dff400, #fdc600, #ff9300, #ff5b2b, #ff004e); 
	background-color: #2288cc;
	display: flex;
	justify-content: space-between;
	margin:2em;
	border:1rem solid black;
	font-size: 1.2rem;
        padding: 2em; 
}
                       
.menu-button {
	background-color: #000000 !important;
        background-image: linear-gradient(to right top, #5500f4, #0089ff, #00bdff, #00e3b1, #16ff00);    
	color: white;
	height: 6rem;
	width: 12rem;
	border-radius: 2rem;
        font-size: 1.7em;

}

#title-index {
	color: green;
	width: 100%;
        
}

#footer {
	position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
	font-size: 2em;        
       background-color: black;
         color: #FFFFFF;
}



        
#content {    
          text-align: center;
           background:#FFFFFF;  
           height: 60%;         
           width: 50%;      
           margin:auto;
           border:1em black solid;


}

.left {
	text-align: left;
}