/*Any Page*/
.buttonstyle1 /*Big Button*/
{
	border: 2px solid white;
	border-radius: 100px;
	background-color: #3a3a3a;
	color: white;
	width: 250px;
	opacity: 0.7;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.buttonstyle1:hover {opacity: 1}

.buttonstyle2 /*Small Button*/
{
	border: 2px solid white;
	border-radius: 100px;
	background-color: #3a3a3a;
	color: white;
	width: 140px;
	opacity: 0.7;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.buttonstyle2:hover {opacity: 1}

.right
{
	text-align: right;
}
.center
{
	text-align: center;
}

/*index.html*/
html.index /*Background*/
{
	background-image: linear-gradient(to bottom right, #004084, #99e3ff, #ffd666);
	background-repeat: no-repeat;
	background-size: cover;
    width: 100%;
    height: 100%;
}

h2.index, legend.index, p.index
{
	color: white;
	text-align: center;
}

h2.index, p.index
{
	text-shadow: 2px 1px black;
	font-style: italic;
}

fieldset.index
{
	width: 220px;
    margin:auto;
    border: 0px;
}

p.index
{
	font-size: 20px;
}

/*pdc_results.php*/
table, th, td 
{
  border: 1px solid black;
}

/*info_submit.php*/

input, label 
{
   	display:block;
}


/*RADIO INPUT*/
div.settings 
{
    display:grid;
    grid-template-columns: max-content max-content;
    grid-gap:5px;
}
div.settings label       
{ text-align:right; }
div.settings label:after 
{ content: ":"; }