body {
  margin: 0;
  text-align: center;
  /*  visibility: hidden;*/
  font-family: "Merriweather", serif;
  font-size: 2em;
}

h1 {
  width: 25%;
  margin: 0 auto;

  /*  visibility: hidden;*/
  font-family: "Sacramento", serif;
  font-size: 4rem;
  color: #eae3c8;
  /*rem is to apply the size regardless of other settings*/
  /* 1em is 16px*/
}

h2{
font-size: 2.5rem;
color: #eae3c8;
}

h3 {
  font-family: "Montserrat", serif;
  color: #eae3c8;
}
a{
  color: #eae3c8;
}
p {
  margin: 0;
  width: 90%;
  margin: 0 auto 0 auto;
  /*  visibility: hidden;*/
}

body {
  margin: 0;
  text-align: center;
  /*  visibility: hidden;*/
  font-family: "Merriweather", serif;
}

.top-container {
  background-color: #a1cae2;
  height: 25%;
  /*  padding: 20px;*/
  position: relative;
  padding-top: 100px;
  /*  border: solid 10px;*/
  /*visibility: hidden;*/
}

.middle-container {
background-color: #a1cae2;
}

.bottom-container {
background-color: #a1cae2;
}

.create {
  text-decoration: underline;
  font-weight: normal;
  /*  visibility: hidden;*/
}

/*img{
  position: relative;
  left: 30px;
/*  visibility: hidden;
}
*/
.cloud1 {
  position: absolute;
  right: 20%;
  top: 5%;
}

.cloud2 {
  position: absolute;
  left: 20%;
  bottom: 50%;
}

.mountain1 {

}

.skill-row{
  width: 75%;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: left;
  line-height: 1.5;

}

.chilly{
  width: 10%;

  margin: auto;
  margin-right: 30px;
  float: left;
}

.computer{
  width: 10%;

  margin: auto;
  float: right;
  margin-left: 30px;
}

.loremclear{
  clear: right;
}