body {
  margin : 0;
  padding :0;
  font-family: 'montserrat-black', sans-serif;
  text-align: center;
  overflow-x: hidden;
  /* #ecdab9 #cec3c8 #909cac  */
}

p {
  font-size: 20px;
}

.top {
  background-color: #efca66;
}

.toph1 {
  text-align: center;
  font-size: 4rem;
  margin-top: 100;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}

.toph2 {
  text-align: center;
  font-size: 3rem;
  margin-top: 100;
  line-height: 1.5;
  font-family: 'Montserrat-bold', sans-serif;
}

.toph3 {
  text-align: center;
  font-size: 1.5rem;
  margin-top: 100;
  line-height: 2;
  font-family: 'Montserrat', sans-serif;
}

.padd {
 margin: 30px;
}

.navbar {
  margin : 0 0 5rem
}

button a {
  text-decoration: none;
  color : #fff;
}

.heroImg {
  transform: rotate(20deg);
  width : 300px;
  margin-left : 30%;
}

.skill {
  background-color: white;
  position: relative;
  margin-top : -100px;
}

/* feature box */

.feature-box {
  padding: 7% 2%;
  text-align: center;
}

.col {
  color : #909cac;
  margin-bottom: 10px;
}

.copy {
  background-color: #000;
  color : white;
  padding: 30px 1px;
}

.foo {
  background-color: #cec3c8;
  padding : 50px 1px 50px 1px;
}

footer a:link, a:visited {
  color : black;
}