body {padding: 0; 
margin: 0;
font-family: "Times New Roman", "Garamound", cursive, serif;
height: 100vh;
width: 100vw;
background-color: #1A1A1A; /* For browsers that do not support gradients */
background-image: conic-gradient(black, gray, black, white);
background-repeat: no-repeat;
}

#all{ position: absolute;  /* Centering every element within the div container*/
  	top: 45%;
  	left: 50%;
	transform: translate(-50%, -50%); /* Adjusts for the element's size */
	border: 5px hidden gray;
	margin-top: 25px;
	width: 50vw;
	overflow: hidden;
}

header{ font-size: 10vh;
	color: black;
	background-color: white; /* For those that can't see the gradient*/
	background-image: linear-gradient(140deg, black 0%, #1A1A1A 25%, white 75%);
	text-align: center;
	padding: 50px;
	border-bottom: 3px solid #1A1A1A;
}

.container{ display: flex;
	background-color: white;

}

aside{ width: 25%;
	border-top: 1% solid #1A1A1A;
	border-left: 1% solid #1A1A1A;
	padding-right: 1%;
	background: #1A1A1A; 
}

aside ul{ list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
}

aside li{ border: 2px solid #1A1A1A; 
	padding: 2px;
	margin-bottom: 2%;
}

.divider{ border-left: 2px solid black; }

main{ width: 85%;
	padding-left: 3% ;
	padding-right: 3% ;
	overflow: auto;
	
}

main h1{ height: 4vh; }