body{
    background-image: linear-gradient(rgb(3,40,52),rgb(3,40,52));
}
#tabt{
    background-color:rgb(22,18,74);
    text-align: center;
    font-size: 50px;
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 20px #ecf0f1;
    box-shadow: 0px 0px 20px rgb(6, 1, 71);
}
#tabt span{
    color: rgb(137,252,19);
    text-shadow:0px 0px 20px rgb(148, 255, 41);
}
#tab1{
    color: rgb(33,220,109);
    text-shadow:0px 0px 20px rgb(33,220,109);
}
.tabb{
    background-color:rgb(3,40,52);
    color:rgb(33,220,109);
    font-weight: 600;
    margin-top: 10px;

}
.tabba{
    background-color: rgb(33,220,109);
    color:rgb(3,40,52);
}
.tabb:hover{
    background-color:rgb(33,220,109) ;
    color:rgb(3,40,52);
}
.tabb:focus{
    background-color: rgb(137,252,19);
    color:rgb(3,40,52);
}
.box{
	height: 260px;
}
.boxin{
	margin-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	cursor: pointer;
}
.boximg{
	box-shadow: 0px 0px 15px white;
	transition:transform 0.1s,box-shadow 0.6s;
}
.boximg:hover{
	transform:matrix3d(
	    1,0,0,0,
	    0,1,0,0,
	    0,0,1,0,
	    0,0,0,0.9
	    );
	box-shadow: 0px 0px 15px rgb(137,252,19);
}
.boxp{
	color: rgb(33,220,109);
	margin-top: 10px;
}
.boxp span{
	color: #f1c40f;
}
#pageb{
	margin-top: 20px;
	padding-bottom: 20px;
	background-color: rgb(3,40,52);
}
.pbtn{
    background-color:rgb(33,220,109) ;
    color:rgb(3,40,52);
}
.pbtn:hover{
	box-shadow: 0px 0px 15px rgb(33,220,109);
}
.pbtn:active{
	box-shadow: 0px 0px 15px rgb(33,220,109);
}
.pbtn1{
	color: rgb(33,220,109);
	margin-top: 6px;
}
.fl{
	float: left;
}
.pagebox{
	display: block;
	margin: 0 auto;
	width: 214px;
}