body,html{

	background-image: url("img9.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height:100%;
	background-attachment: fixed;
	background-size:cover;
}

*{
		text-decoration:none;
	}

	button {
		color:blue;
	}
.wrapper {
	display:flex;
    flex-wrap: wrap;
}

.searchrslts {
	display:none;
	width:fit-content;
}

p{
	color:black;
}

.searchrslts p{
	color:white !important;
}

.item {
	flex:20%;
}

.items {
    padding:40px;
	background-color: #575d56c4;
	margin:2%;
	border-radius:4%;
	box-shadow: 2px 2px 40px;
}

	.btn1{
	background-color:#76D7C4;
	 border: 3px;
  padding: 6px 8px;
  cursor: pointer;
	overflow:hidden;
	border-radius: 15px;
}


.btn2{
	background-color:#B2BABB  ;
	 border: 3px;
  padding: 6px 8px ;
  cursor: pointer;
  border-radius: 15px;
}

.btn3{
	background-color:#5DADE2;
	border: none;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 15px;
}


.image {
	border-radius:55%;
}
.bttn4{
	background-color:#F3F5F6;
	 height:30px;
	 width:70px;
	cursor: pointer;
	border-radius: 15px;
}

#validate{
	width:17%;
	height:25px;
	margin-top:6px;
	background-color:#E4E4E4;
	border-radius: 15px;
}
p{
	margin:0;
	position:relative;
	left:24px;
	color:white;
}

h1{

	 font-style: oblique;
	 font-size:60px;
}
.search{
	position:relative;
	left:1000px;
}

.results p{
	color:black;
}

.bg-modal{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0.7;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.modal-content{
	width: 500px;
	height: 300px;
	background-color: white;
	border-radius: 4px;
	text-align:center;
	padding: 20px;
	position: relative;
}
input{
	width: 50px;
	display: black;
	margin: 15px auto;
}
.close{
	position: absolute;
	top: 0;
	right: 14px;
	font-size: 42px;
	transform: rotate(45deg);
	cursor: pointer;
}