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

h1 {
  font-size: 90px;
  margin-top: 50px;
  font-family: 'Sacramento', cursive;
  color: #112D4E;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  color: #3F72AF;
}

h3 {
  font-family: 'Montserrat', sans-serif;
  color: #3F72AF;
}

p {
  color: #000000
;
}
hr {
  border-style: none;
  border-top-style: dotted;
  border-top-color: grey;
  border-width: 5px;
  width: 2%;
}

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

.pro {
  text-decoration: underline;
}

.bottom-cloud {
  position: absolute;
  left: 300px;
  bottom: 300px;
}

.top-cloud {
  position: absolute;
  right: 300px;
  top: 50px;
}

a {
  color: #11999E;
}

.programmer {
  font-weight: normal;
}


.skill-row {
width: 50%;
margin: 100px auto 100px auto;
text-align: left;
line-height:2;
}

.malik {
  width: 15%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.computer {
  width: 15%;
  float: left;
  margin-right: 30px;
}

.tropiteq {
  width: 15%;
  float: right;
  margin-left: 30px;
}

.bottom-container{
background-color: #3F72AF;
padding-bottom: 100px;
padding-top: 50px;
}

.BUTTON_XNG {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-size: 20px;
   font-weight: 300;
   padding: 20px;
   background-color: #3F72AF;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   margin-bottom: 10px;

}

.footer-link {
  color: #112D4E;
  margin-right: 20px;
}

.copy {
  color: #eaf6f6;
}