*{
	margin: 0px;
	padding: 0px;
}
.trangchinh{
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	max-width: 100%;
	min-height: 100vh;
}
html {
  scroll-behavior: smooth;
}

/*🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟*/
header{
	background-color: white;
	display: flex;
	flex-direction: row;
	gap: 30px;
	align-items: center;
}
#anh1{
	width: 130px;
	margin: 0px 0px 0px 30px;
}
/*🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟*/
/*menu*/
nav{
	background-color: #007700;
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 50px;
	padding: 10px 0px 10px 30px;
	position: sticky;
    top: 0;
    z-index: 1000;
}
.menu a {
	background-color: #007700;
	color: white;
	text-decoration: none;
	transition: all 0.5s ease;
	padding: 0px 7px 0px 7px;
	border-radius: 3px;
	font-size: 1.2rem;
}
.menu a:hover{
	color: #FFFF99;
}
.menu a:focus {
  outline: 2px solid yellow;
}
/*🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟*/
/*trang chinh*/
.tieude1{
	padding: 0px 0px 5px 0px;
}
.ski{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 20px;
	padding: 5px;
	border-radius: 30px;
}
.ski2{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
	gap: 10px;
	padding: 5px;
	border-radius: 17px;
}
.ski3{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 10px;
	padding: 5px;
	border-radius: 17px;
}
.bor{
	background-color: #f5f5f5;
	border: 3px solid #c9c9c9;
	margin: 10px;
	padding: 10px;
	border-radius: 30px;
}
.card{
	background-color: #ededed;
	border: 1px solid #c2c2c2;
	display: grid;
	padding: 10px;
	gap: 10px;
	border-radius: 10px;
	transition: transform 0.3s;
}
.card:hover{
	transform: translateY(-10px);
}
.card img{
	border-radius: 10px;
	width: 100%;
}
.card a{
	text-decoration: none;
}
.card h2{
	text-align: justify;
	text-justify: inter-word;
}
.card p{
	color: black;
	text-align: justify;
	text-indent: 20px;
	font-size: 1.1rem;
}
.card2{
	background-color: #f2f2f2;
	border: 1px solid #c2c2c2;
	display: flex;
	padding: 10px;
	gap: 20px;
	border-radius: 10px;
	align-items: flex-start;
	transition: transform 0.3s;
}
.card2:hover{
	transform: translateY(-10px);
}
.card2 a{
	text-decoration: none;
}
.card2 h3{
	text-align: justify;
	text-justify: inter-word;
}
.card2 p{
	color: black;
	text-align: justify;
	text-indent: 20px;
	font-size: 1.1rem;
}
.trai{
	width: 50%;
}
.phai{
	width: 50%;
	display: flex;
  	flex-direction: column;
  	gap: 10px;
}
.phai img{
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.trai h3{
	text-align: justify;
	text-justify: inter-word;
	margin-bottom: 10px;
}

.trai p{
    color: black;
    text-align: justify;
    text-indent: 20px;
    font-size: 1.1rem;
    margin-top: 0;
}
/*gioi thieu cac khu du lich*/
.gioithieuchinh{
	display: inline-flex;
	flex-direction: column;
	gap: 10px;
	margin: 20px;
}
.gioithieuchinh img{
	display: inline;
	width: 50%;
	min-width: 300px;
	border-radius: 8px;
}

.gioithieuchinh h5{
	color: gray;
	size: 3px;
}
.gioithieuchinh p{
	font-size: 1.15rem;
	text-align: justify;
	text-indent: 20px;
}
/*🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟*/
footer{
	background-color: #007700;
	display: flex;
	flex-direction: column;
}
.foot p{
	font-size: 1.2rem;
	text-align: center;
	margin: 10px 10px 0px 10px;
	color: white;
}
.gt p{
	font-size: 1.3rem;
	margin: 10px;
}