button{
	border: none;
}

a{
	text-decoration: none;
	color:#fff
}

.input1{
	display: block;
	width: 95%;
	padding: 5px;
//	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	border-bottom: 2px solid green;
	font-family: sans-serif;
	font-size: 16px;
	border-radius: 5px;
}

label{
	font-family: sans-serif;
}

.modal{
	border-radius: 10px;
	width:300px;
	padding: 20px;
	margin-left:  35%;
//	margin-right: 35%;
	box-shadow: 1px 1px 5px;
	background-color: white;
//	background-color: #0F549B; 
//	border:1px solid red;
	visibility: hidden;
//	display:none
}

.modal h1,form{
//	margin-left: 10%;
//	margin-right: 10%;
}

.modal h1{
	margin-left: 40%;
	font-family: sans-serif;
}

.modal p{
	position: relative;
	left: 97%;
	bottom: 25px;
	font-size: 30px;
//	background-color: white;
	display: inline;
	color:#fff;
	//padding: 0px 7px 3px 7px;
	//border-radius: 50%; 
	
}

.btn{
	color: white;
	width: 10%;
	height: 80px;
	font-size: 18px;
	background-color: #007bff;
	border-radius: 10px;
}

.btn2{
	color: white;
	width: 80px;
	height: 30px;
	margin-left: 35%;
	background-color: #2B88ED;
	border: none;
	border-radius: 10px;
	font-size: 18px
}

.btn2:hover{
	cursor:pointer;
	background-color: #0F549B;
}

#wrab:target .modal{
	transition: 0.56s;
	transform: translateY(200px);
	position: relative;
	visibility: visible; 
	z-index: 4; 
	background-color: #0F549B; 
}

#wrab:target .bg-color{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgb(0, 0, 0,.5);
}