@import "./main.css";

body {
  margin: 0;
}

.header {
  background-color: cornflowerblue;
  margin: 0;
}

.header__image {
  background-image: url('https://d36tnp772eyphs.cloudfront.net/blogs/1/2011/05/japan-1200x729.jpg');
  background-size: cover;
  height: 60vh;
  width: 100%;
  margin: 0;
  padding-bottom: 30em;
  padding-right: 15px;
}

.countryName {
  margin: 0;
  padding-bottom: 10px;
  font-size: 10em;
  color: crimson;
  opacity: .8;
}

.countryInfo {
  background-color: cornflowerblue;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
}

.cities {
  background-color: floralwhite;
  flex-basis: 33%;
}

.landmarks{
  background-color: crimson;
  flex-basis: 35%;
}

.heads {
  background-color: floralwhite;
  flex-basis: 33%;
}

.city__title {
  text-align: center;
  border-bottom: 3px dashed black;
}

.landmarks__title {
  text-align: center;
  border-bottom: 3px dashed black;
}

.heads__title {
  text-align: center;
  border-bottom: 3px dashed black;
}