html, body {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  font-weight: 300;
  line-height: 1.5;
}

body {
  font-family: 'Lato', sans-serif;
  background-image: url('https://p3-pc-sign.douyinpic.com/tos-cn-i-0813c001/ocAAAeUP8inQfCQA8ED6iIvxNhR9EPFgA7tAkV~tplv-dy-aweme-images:q75.webp?biz_tag=aweme_images&from=327834062&lk3s=138a59ce&s=PackSourceEnum_SEARCH&sc=image&se=false&x-expires=1763391600&x-signature=DBrt8VgVcZsFWMAKWij5aI65ZtY%3D');
  background-position: center top;
  background-size:cover;
  margin: 0;
}

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

.definition {
float:right;
width:20%;
font-size:smaller;
background-color:LemonChiffon;
color:black;
border: dashed;
border-color: #A7E8BD;
border-radius: 1em;
padding:1em;
margin:0 1em 0 1em;
}


.page-title {
  text-align: center;
  font-weight: 100;
}

.page-description {
  border: 1px solid #000;
  margin: 2px;
  text-align: center;
  padding: 30px;
}


.gallery {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gallery-item {
  margin: 20px;
}


.footerArea {
flex:100%;
background-color:#FFEBF5;
color:Navy;
padding:5px;
font-size:small;
text-align:center; 
font-family:Garamond; }

.nav-btn {
      position: fixed;
      bottom:20px; 
      z-index: 1000;
}

.nav-btn.left {
      left: 30px;
}

.nav-btn.right {
      right: 30px;
}

.nav-btn a {
      display: inline-block;
      padding: 6px 14px;
      background-color: ##A7E8BD;
      border-color: #A7E8BD;
      color: #204156;
      border-radius: 5px;
      border: 1px solid #204156;
      font-weight: bold;
      letter-spacing: 0.5px;
      transition: all 0.2s ease;
}

.nav-btn a:hover {
      background-color: #89CFF0;
      color: #fff;
}

.nav-btn a:active {
      transform: translateY(2px);
}

nav a {
  height: 60px;
  line-height: 60px;
  color: #204156;
  text-decoration: none;
}