body {
  margin:0;
  padding:40px;
  background-image:url("https://i.pinimg.com/736x/1d/f0/bb/1df0bb0a6942dd6f61f0689ff7a03040.jpg");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  font-family:"Trebuchet MS", sans-serif;
  display:flex;
  justify-content:center;
}

.page {
  position:relative;
}

.main-box {
  width:850px;
  background:#FFF9FC;
  border:4px solid #F2CBE0;
  border-radius:35px;
  padding:40px;
  box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.hero {
  text-align:center;
}

.hero h1 {
  color:#D96FA5;
  font-size:55px;
  margin-bottom:10px;
  letter-spacing:2px;
}

.subtitle {
  color:#7B5A6C;
  font-size:20px;
  line-height:1.7;
  font-family: Optima, sans-serif
}

.decorations {
  margin-top:35px;
  text-align:center;
}

.intro-gif{
  width:180px;
  margin-bottom:20px;
}

.decorations img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 20px;
  margin: 8px; 
  border: 3px solid #FFD7EA;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .12); 
}

.continents-box {
  margin-top: 45px; 
  background: #FFDFE; 
  border-radius: 30px;
  padding: 35px;
  border: 3px solid #F2C2CE;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08); 
}

.continents-box h2 {  
  text-align: center;
  color: #BDCE62;
  margin-bottom: 30px;
  font-size: 30px;
  font-family: New Century Schoolbook, TeX Gyre Schola, serif; 
} 

.continent-links {
  display:flex;
  flex-direction:column;
  gap:18px;
}

.continent-links a {
  text-decoration:none;
  color:#6F4A61;
  background:#FFEAF4;
  padding:18px;
  border-radius:18px;
  font-size:22px;
  font-weight:bold;
  transition:.3s;
  font-family: New Century Schoolbook, TeX Gyre Schola, serif; 
}

.continent-links a:hover {
  background:#F6C2DA;
  transform:translateX(12px);
}

.kawaii-gif{
  text-align:center;
  margin-top:40px;
}

.kawaii-gif img{
  width:230px;
}

footer {
  text-align: center;
  margin-top: 35px;
}

.back-button {
  text-decoration:none;
  color:#D96FA5;
  font-weight:bold;
  font-size:20px;
}

.back-button:hover {
  color:#A84C7C;
}

.character {
  position: absolute;
  right: -160px;
  bottom: 40px; 
}

.character img{
  width:260px;
}