body {
  color:  #0080ff;
  margin: 0;
  text-align: center;
  font-family: 'Merriweather', serif;
}

h1 {
  color: 	  #004080;
  font-size: 5.625rem;
  margin: 100px auto 0 auto;
  font-family: 'Fantasy', cursive;
}

h2 {
  color: 	  #004080;
  font-size: 5.625rem;
  margin: 100px auto 0 auto;
  font-family: 'Fantasy', cursive;
}

h3 {
  color: 	  #004080;
  font-size: 25px;
  margin: 100px auto 0 auto;
  margin-left: 50px;
  margin-right: 50px;
  font-family: 'Fantasy', cursive;
}




.top-container {
  background-color:  #adad85;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px
}
.bottom-container {
  background-color:  #adad85;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px
}

.skill-row {
  width: 50%;
  margin: 100px auto 1000px auto;
  text-align: left;
  background-color:  #adad85;
}


.top-metrou {
  position: absolute;
  right: 200px;
  top: 40px;
}
.top-map {
  position: absolute;
  right: 1100px;
  top: 40px;
}
.bottom-statie {
  position: absolute;
  right: 20px;
  top: 1000px;
}

.bottom-statie2 {
  position: absolute;
  right: 20px;
  top: 1000px;
}