/**
Palette: https://scrimba.com/links/hometown-palette
RED: #E63946
LIGHT: #F1FAEE
AQUA: #A8DADC
LIGHT BLUE: #457B9D
DARK BLUE: #1D3557
*/

body {
  margin: 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
}

.place-img {
  width: 200px;
  height: 200px;
  border-radius: 100%;
}

.place-img:hover {
  box-shadow: 0px 0px 50px #cdb4db;
}

#hero {
  margin: 0px;
  background-image: url("images/tokyo_banner.jpg");
  height: 400px;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#hero-title {
  background-color: #040506c2;
  color: #ffc8dd;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 700;
}

#hero-subtitle {
  background-color: #040506c2;
  color: #cdb4db;
  padding: 10px 20px;
  border-radius: 10px;
}

#activities {
  margin: 0px;
  background: #bde0fe;
  color: #040506;
  text-align: center;
  display: flex;
  flex-direction: row;
  padding: 50px;
}

.place h2 {
  font-weight: 700;
}

.place h3 {
  font-weight: 400;
}

#guide {
  margin: 0px;
  background: #ccddbb;
  color: #040506;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 50px;
}

#card {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 50px;
  background-color: #ffc8dd88;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 5px #cdb4db;
}

#card:hover {
  background-color: #040506;
  color: #ffc8dd;
}

#avatar {
  width: 200px;
  height: 200px;
  border-radius: 20px;
}

.border {
  border: 2px solid red;
}

.card-details {
  width: 300px;
}

#card-quote {
  font-style: italic;
}