.topcontainer{
  background-color: #E4F9F5;
  position: relative;
  padding-top: 100px
}
.middlecontainer{
  width: 200px;
  height: 200px;
  background-color: red;
}
.bottomcontainer{
  width: 200px;
  height: 200px;
  background-color: blue;
}
.tm{
  margin-bottom: 0px;
  color:#EAF6F6;

}
.pro
{
  text-decoration: underline;
}

  hr{
    background-color: white;
    border-style: dotted none none none;
    border-color: grey;
    border-width: 5px;
    width: 5%;
  }

body
{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
font-family: 'Merriweather', serif;}
.pts{
background-color: #66BFBF;
}
h1
{
  align-content: center;
  color: #66BFBF;
  margin-left: 0px;
  margin-right: 0px;
  margin: 50px auto auto auto;
  margin-bottom: 0px;
  font-size: 5.625rem;
  line-height: 2;
font-family: 'Sacramento', cursive;
}
h2
{
font-family: 'Montserrat', sans-serif;
font-size:2.5rem;
color: #66BFBF;
font-weight: normal;
}
h3
{
font-family: 'Montserrat', sans-serif;
color:#11999E;

}
a{
  color:#11999E;

}
.topcloud
{
position: absolute;
right: 300px;
top:50px
}
.bottomcloud
{
  position: absolute;
  left:300px;
}
.btn {
  background: #11cdd4;
  background-image: -webkit-linear-gradient(top, #11cdd4, #11999e);
  background-image: -moz-linear-gradient(top, #11cdd4, #11999e);
  background-image: -ms-linear-gradient(top, #11cdd4, #11999e);
  background-image: -o-linear-gradient(top, #11cdd4, #11999e);
  background-image: linear-gradient(to bottom, #11cdd4, #11999e);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 20px
}

.btn:hover {
  background: #30e3cb;
  background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
  background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
  background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
  background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
  background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
  text-decoration: none;
}
.skill-row{
width:50%;
text-align: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-top:100px;
margin-bottom: 100px;
text-align: left;
line-height: 2;

}
.shar{
  width: 25%;
  float: left;
  margin-right: 30px;
}
.marg{
  margin: auto 30px auto 30px;
  text-decoration: none;
}

.sharv{
  width: 25%;
  float: right;
  margin-left: 30px;
}
.ded{
  clear:right;
}
.toleft
{
  text-align: left;
}

.navbar{
            background-color: #E4F9F5;
            border-radius: 0px;
            margin: 0px auto 0px auto;
            padding-bottom: 20px;
            padding-top: 20px;
          }

          .navbar li{
                      float:left;
                      list-style: none;
                      margin: 13px 20px;
                  }
                  .navbar ul{
            overflow: auto;
        }
        .navbar li a{
            padding: 3px 3px;
            text-decoration: none;
            color: #66BFBF;
        }
        .search{
            float: right;
            color: white;
            padding: 12px 75px;
        }
        .navbar input{
            border: 2px solid black;
            border-radius: 14px;
            padding: 3px 17px;
            width: 129px;
        }
        .navbar li a:hover{
            color: red
        }