body{background-color: black;
			color:white;
			font-size: large;
		}
		
		.grid-container {
			display: grid;
			
			grid-template-columns: auto auto auto auto;
			grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
			justify-items: center;
		}
		
		@media (min-width: 576px) { .grid-container {
			display: grid;
			border: solid 7px rgb(93, 43, 139);
			grid-template-columns: auto auto auto auto;
			grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
			justify-items: center;}
		
		}
		
		@media (min-width: 768px) { .grid-container {
			display: grid;
			border: solid 7px rgb(93, 43, 139);
			grid-template-columns: auto auto auto auto;
			grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
			justify-items: center;}
		
		}
		
		@media (min-width: 992px) { .grid-container {
			display: grid;
			border: solid 7px rgb(93, 43, 139);
			grid-template-columns: auto auto auto auto;
			grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
			justify-items: center;}
		
		}
		
		.gridlymphoma {
			display: grid;
			grid-template-columns: auto auto auto auto auto auto;
			justify-items: center;
		
		}
		
		
		@media (min-width: 576px) {.gridlymphoma {
			display: grid;
			border: solid 7px  rgb(93, 43, 139);
			grid-template-columns: auto auto auto auto auto auto;
			justify-items: center;
		
		} }
		
		
		@media (min-width: 768px) {.gridlymphoma {
			display: grid;
			border: solid 7px  rgb(93, 43, 139);
			grid-template-columns: auto auto auto auto auto auto;
			justify-items: center;
		
		} }
		
		
		@media (min-width: 992px) { .gridlymphoma {
			display: grid;
			border: solid 7px  rgb(93, 43, 139);
			grid-template-columns: auto auto auto auto auto auto;
			justify-items: center;
		
		} }
		
		
		
		.navbar2 {
			margin-left: 0px;
			margin: 0px;
			padding: 10px;
			color:white;
			font-size:larger;
			
			
		}
		
		a:link {text-decoration:none;}
		
		a:visited{text-decoration: none;}
		
		a:hover{text-decoration: wavy;}
		
		a:active{text-decoration: black;}
		
		.navbaritems2 {
			margin:10px;
			padding: 10px;
			color: blanchedalmond;
		}
		
		.inputlabels {
		
			margin:10px;
			padding: 10px;
			font-size: large;
		}
		.grid-item {background-color: blue;
		
		}
		
		.toplabel {
			background-color: rgb(93, 43, 139);
		
		}
		
		.labelboxes { margin:10px;
			size: 30 px;
			background-color:rgb(79, 88, 88);
			padding: 10px;
			color: white;
		
		}
		
		.centerImage
		{
		 text-align:center;
		
		 border:10px solid rgb(93, 43, 139); }
		
		
		.inputboxes {
			margin:10px;
			padding: 10px;
			color: black;
			border-radius: 4px;
				border: none;
				border: solid 1px rgba(144, 144, 144, 0.25);
				color: black;
		}
		
		.inputboxesresults {
			margin:10px;
			padding: 10px;
			color: black;}
			
		
		.spanthree {
			grid-column: span 3;
			padding:20px;}
		
		.spanfive {
			grid-column: span 5;
			padding:20px;}
		
		.spantwo {
			grid-column: span 2;
			}
		
		.narrowbox {width: 70px;}
		
		.largefont {
				font-size: xx-large; }
		
		
		.GRIDISH { display: grid;
				   grid-template-columns: auto auto auto;
					
		}
		
		.dropdown { position: relative;
					
					
		
		
		}

		.dropdown2 { 
			position: relative;
			display: none;}

		.reveal_dropdown {
			display:block;

		}
		
		.whitetext{
			margin:10px;
			padding: 10px;
			color:white;
		}
		
		.whitetextbox{
			border: solid 1px rgba(144, 144, 144, 0.25) !important;
			border-radius: 2px;
			border-color: white !important;
			background-color: rgba(31, 28, 28, 0.753) !important; 
			color:white!important;;
			
		}
		
		.whitetextfinal{
			
			margin:10px;
			padding: 10px;
			font-size:xx-large;
			color:white;
		}
		
		.formboundary {border:6px solid rgb(93, 43, 139);
						padding:20px;
		}
		
		.marginleft20 { margin-left:20px}
		
		.marginright20 { margin-right:20px}
		
		.whitebackground { color : white;}
		
		.dataframes {
			
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			border:6px solid rgb(93, 43, 139);
			padding:20px;}
		
		.dataframes2 {
			
			width: 60%;
			display: block;
			margin-left: auto;
			margin-right: auto;
			border:6px solid rgb(93, 43, 139);
			padding:20px;}
		
		
			
		
		
		

body{background-color: black;
    color:white;
    font-size: large;
}

.grid-container {
    display: grid;
    
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    justify-items: center;
}

@media (min-width: 576px) { .grid-container {
    display: grid;
    border: solid 7px rgb(93, 43, 139);
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    justify-items: center;}

}

@media (min-width: 768px) { .grid-container {
    display: grid;
    border: solid 7px rgb(93, 43, 139);
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    justify-items: center;}

}

@media (min-width: 992px) { .grid-container {
    display: grid;
    border: solid 7px rgb(93, 43, 139);
    grid-template-columns: auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    justify-items: center;}

}

.gridlymphoma {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    justify-items: center;

}


@media (min-width: 576px) {.gridlymphoma {
    display: grid;
    border: solid 7px  rgb(93, 43, 139);
    grid-template-columns: auto auto auto auto auto auto;
    justify-items: center;

} }


@media (min-width: 768px) {.gridlymphoma {
    display: grid;
    border: solid 7px  rgb(93, 43, 139);
    grid-template-columns: auto auto auto auto auto auto;
    justify-items: center;

} }


@media (min-width: 992px) { .gridlymphoma {
    display: grid;
    border: solid 7px  rgb(93, 43, 139);
    grid-template-columns: auto auto auto auto auto auto;
    justify-items: center;

} }



.navbar2 {
    margin-left: 0px;
    margin: 0px;
    padding: 10px;
    color:white;
    font-size:larger;
    
    
}

a:link {text-decoration:none;}

a:visited{text-decoration: none;}

a:hover{text-decoration: wavy;}

a:active{text-decoration: black;}

.navbaritems2 {
    margin:10px;
    padding: 10px;
    color: blanchedalmond;
}

.inputlabels {

    margin:10px;
    padding: 10px;
    font-size: large;
}
.grid-item {background-color: blue;

}

.toplabel {
    background-color: rgb(93, 43, 139);

}

.labelboxes { margin:10px;
    size: 30 px;
    background-color:rgb(79, 88, 88);
    padding: 10px;
    color: white;

}

.centerImage
{
 text-align:center;

 border:10px solid rgb(93, 43, 139); }


.inputboxes {
    margin:10px;
    padding: 10px;
    color: black;
    border-radius: 4px;
		border: none;
		border: solid 1px rgba(144, 144, 144, 0.25);
		color: black;
}


.inputboxesresults {
    margin:10px;
    padding: 10px;
    color: black;}
    

.spanthree {
    grid-column: span 3;
    padding:20px;}

.spanfive {
    grid-column: span 5;
    padding:20px;}

.spantwo {
    grid-column: span 2;
    }

.narrowbox {width: 70px;}

.largefont {
        font-size: xx-large; }


.GRIDISH { display: grid;
           grid-template-columns: auto auto auto;
            
}

.dropdown { position: relative;
            
            


}

.whitetext{
    margin:10px;
    padding: 10px;
    color:white;
}

.whitetextbox{
    border: solid 1px rgba(144, 144, 144, 0.25) !important;
    border-radius: 2px;
    border-color: white !important;
    background-color: rgba(31, 28, 28, 0.753) !important; 
    color:white!important;;
    
}

.whitetextfinal{
    
    margin:10px;
    padding: 10px;
    font-size:xx-large;
    color:white;
}

.formboundary {border:6px solid rgb(93, 43, 139);
                padding:20px;
				
}

.marginleft20 { margin-left:20px}

.marginright20 { margin-right:20px}

.whitebackground { color : white;}

.dataframes {
    
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border:6px solid rgb(93, 43, 139);
    padding:20px;}

.dataframes2 {
    
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:6px solid rgb(93, 43, 139);
    padding:20px;}


	@media (min-width: 883px) { 
		
		
		.dropdown-toggle {
			display: none;
		  }
	}



@media (max-width: 883px) {
 

.dropdown-content {
	display: none;
	background-color:  rgb(93, 43, 139);
	
}
.navbar2 { margin-left: 0;
	margin-right: 0;}



.dropdown-toggle {
    display: block;
    width: 100%;
    text-align: center;
	background-color: rgb(93, 43, 139);
	
  }
  .dropdown-toggle:hover {
	background-color: rgb(93, 43, 139);
  }

  .show {
	display: flex !important; /* Using !important to override other display values */
	flex-direction: column;

	

  }

 
}