styles.css

/*body{background-color: #66BFBF}*/
.top-container {
/*background-color: #E4F9F5;*/

  margin: 0;
}

.bottom-cloud{
  position: absolute;
  bottom: 62%;
  left: 375px;
}

.top-cloud{
  position: relative;
  left:250px;
}

.a{
  height:10%;
  width: 10%;
  margin: 50px;
}

.col{
  background-color: #E4F9F5;
  margin: 0;
}

.b{
  color: grey;
  padding: 5px;
}

.robot-img{
  height: 10%;
  width: 10%;
  margin-top: 120px;
}

.codeing-img{
  height: 10%;
  width: 10%;
    margin-top: 20px;
}

.w{
  height: 40px;
  width:40px;
  padding: 20px;
}

.f{
  height: 40px;
  width:40px;
  padding: 20px;
}

.footer-link{
  margin: 0;
  background-color: #E4F9F5;
}

.bottom-container{
  background-color: #E4F9F5;
  margin-bottom: 0;

}

.clr{
  background-color: #E4F9F5;
  margin: 0;
  padding: 10px;
}


body {
/*  background-color: #E4F9F5;*/
  margin: 0;
  text-align: center;
  font-family: 'Merriweather', serif;
  color: grey;
}

hr{
  margin-top: 50px;
  border-color: grey;
  border-width: 7px;
  border-style: none;
  border-top-style: dotted;
  width: 5%;
}

h1 {
  margin: 0;
  font-family: 'Sacramento', cursive;
  font-size: 500%;
}

p{
  margin:0;

}

h2{
  font-family: 'Montserrat', sans-serif;
}

h3{
  font-family: 'Montserrat', sans-serif;
}