header{
	background-color: #a4102d;
	width: 40%;
	margin: auto;
		  font-family: quincy-cf,serif;
		font-weight: 400;
		font-style: normal;
	border-radius: 5px;
}
header ul{
	display: flex;
	width: 90%;
	margin: auto;
	list-style-type: none;
}
header li{
	margin: auto;
	padding: 15px 0;
	display: flex;
	flex-flow: row;
	width: 200px;
}
header li a{
	text-decoration: none;
	color: #FCFCFC;
	margin: auto;
}

.img{
	display: flex;
}
img{
	width: 30%;
	margin: auto;
}
.con1{
		padding:10px;
		width: 90%;
		display: flex;
    margin: auto;
}
.con1-box{
	
	margin: auto;
}

h1, h3, h4{
    text-align: center;
		color: #404040;
	  font-family: quincy-cf,serif;
		font-weight: 400;
		font-style: normal;
}
i{
		padding: 5px;
		border-radius: 5px;
		background-color: #a4102d;
		color: #FCFCFC;
}



form{
		background-color: rgba(64, 64, 64, 0.5);
		border-radius: 5px;
		margin: 20px auto;
		width: 80%;
		text-align: center;
		padding: 20px 20px 1px;
	 font-family: quincy-cf,serif;
		font-weight: 400;
		font-style: normal;
}
input{			
	  border: 1px solid #404040;
		padding: 10px;
		border-radius: 5px;
		color: #404040;
		font-family: quincy-cf,serif;
		font-weight: 400;
		font-style: normal;
}	       
.submit{
	background-color: #a4102d;
	color: #FCFCFC;
	border-radius: 3px;
}
.wrong{
		font-family: quincy-cf,serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
    color: #FCFCFC;
		background-color: #a4102d;
    border-radius: 10px;
		padding: 10px;
		margin: 10px auto;
		width: 300px;
		text-align: center;
}
table{
	color: #404040;
	margin-right: auto;
	margin-left: auto;
}

.td{
		
	 width: 200px;
	 text-align: center;
	 border-bottom: 1px solid #404040;

}
.header{
	font-weight: bold;
	border-radius: 2px;
	border: 2px solid black;
	text-align: center;
}
.con-box{
	padding: 10px 0px;
	border-radius: 10px;
	display: flex;
	background-color: ;
	width: 90%;
	margin: 0px auto;
		height: 350px;
	overflow: auto;
	box-shadow: inset 0px -41px 22px -18px rgba(130,130,130,1);
	
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #a4102d;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.con-box h1{
	text-align: center;
}


@media (max-width:800px){
	header{
		width: 100%;
	}
	.con1{
		width: 90%;
		flex-flow: column;
	}
	h1{
		width: 90%;
		margin: auto;
		font-size: 15px;
		
	}
	h3{
		font-size: 15px;
	}
	i{
		padding: 2px 4px;
		margin: 10px 0;
		border-radius: 3px;

	}
	form{
		width: 90%;
		margin: 0px auto 30px;
		padding: 5px 5px;

	}
	h4{
		font-size: 14px;
	}
	input{
		margin: 10px;
		padding: 7px;
	}
	
}