body{background-image: url("hexagon.png");
	font-family:Ink Free, sans-serif; 
	font-size: 20px;
	color:rgb(77,225,245) }
	

footer{background-color:grey;
		color:white;
		padding: 10px;
		text-align:center;
		position:relative;
		margin-top:5%;}
		
#top{position:fixed;
	bottom:0;
	right: 0;
	border: 3px solid black;
	background-color: grey;}

#movemenu{position:sticky;
	right: 0;
	top:0 ;
	width: auto;
	float: right;
	border: 3px solid black;
	background-color: #eee;}
	
#intro{width:500px;
		float:left;
		height:auto;}

#container{display:table; 
			width:100%;}

#assign{width: 250px;
		height: 500px;
		display:table-cell;
		background-color: lightgrey;
		border: 3px solid black;
		padding: 10px;
		position:sticky;}
		
#assignsub{border:none;
			text-align:left;
			font-size: 10px;
			padding-left:15px;}

#assignmain{display:table-cell;
			width:auto;
			height:100%;
			padding:10px;}
			
			

li{background-color: black;}

a:link{color:white;
	background-color:transparent;
	text-decoration: underline;
	display: inline-block;}

a:visited{color:white;
	background-color:transparent ;
	text-decoration: underline;}
	
a:hover{color:white;
	background-color: transparent;
	text-decoration: underline;}

a:active{color:white;
	background-color:transparent ;
	text-decoration: underline;}

#header{background-image: url("mathfabric.jpg"); 
		width:100%; 
		font-size: 70px;
		padding; 10px;
		border-bottom: none;
		color: rgb(77,225,245);
		height: 200px;
		text-align: center;
		border: 3px solid black;}
		
#menu{background-color: grey;
		width:100%;
		font-size: 25px;
		height:80px;
		border: 3px solid black}

#main{width: 100%;
		height:100%;
		font-weight: 900;
		color: rgb(77,225,245);}
		
th,td{padding-left: 5px; 
		padding-right:5px; 
		text-align: center;}

#menulink{color: black;
		text-decoration: underline;
		font-weight:bold;
		font-size: 20px;} 
		
#submenulink{color: black;
		text-decoration: none;
		font-weight:bold;
		font-size: 15px;}

#texthead{font-size: 30px;
			font-weight: bold;
			border: 3px solid black; 
			padding: 5px;
			margin: 5px;
			color: white;
			background-color:rgb(8,129,145);}
			
ul{list-style-position:inside;}
#tab{width:100%;
		font-size: 18px;
		height:40px;
		border: 3px solid black}
		
.tab {
    overflow: hidden;
    border: 1px solid black;
	background-color: #ccc;}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: center;
	border: none;
    outline: none;
    cursor: pointer;
	padding: 10px 10px;
	font-family: inherit;
	font-size: 20px;
	font-weight: inherit;
    transition: 0.3s;}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #fff;}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #3d1452;
	color: white;}

/* Style the tab content */
.tabcontent {
    background-color: #3d1452;
	color: white;
	display: none;
    padding: 6px 12px;
    border: 3px solid black;
    border-top: none;}

.hanging{
  padding-left: 22px ;
  text-indent: -22px ;
}
.tab2{
    overflow: hidden;
    border: 1px solid black;
	background-color: #1a0033;}

.tab2 button {
    background-color: inherit;
    float: center;
	border: none;
    outline: none;
    cursor: pointer;
	padding: 10px 10px;
	font-family: inherit;
	font-size: 20px;
	font-weight: inherit;
    transition: 0.3s;
	color: white;}

.tab2 button:hover {
    background-color: #e6ccff;
	color: black;}

.tab2 button.active2 {
    background-color: #e6ccff;
	color: black;}

.tab2content {
    background-color: #dab3ff;
	color: black;
	display: none;
	font-size: 18px;
    padding: 6px 12px;
    border: none;
    border-top: none;}