body{
  margin: 0;
  text-align: center;
font-family: "Sacramento", cursive;
}
.html{
  font-weight: bold;
}
.css{
  font-weight: bold;
}
.heading{
 color: #66bfbf;


}
.top-container{
  background-color: #e4f9f5;
  position: relative;
      margin: 0 auto 20 auto;
  padding-top: 100px;


}
.hobbies{
  color: #66bfbf;

}
.row1{
  width: 65em;
      margin: 50px auto 100px auto;
      text-align: left;
      line-height: 2;
      font-family: 'Montserrat', sans-serif;
      font-size: 15px;


}
.profilepic{
  padding-top: 40px;
  width: 10.5em;
      float: left;
      margin-right: 30px;


    }
    .levelup{
      padding-top: 100px;
      width: 10.5em;
          float: right;
      }
      .codingimg{
        width: 10.5em;
            float: left;
            margin-right: 30px;
            padding-bottom: 30px;
        }

      .animeimg{
        width: 10.5em;
            float: right;
            margin-left: 30px;
      }
.MAL{
        text-decoration: none;
        color:  red;
        font-family: 'Rubik', sans-serif;
        font-weight: bold;
      }
      .chess{
        width: 10.5em;
      float: left;
      margin-right: 30px;
          }

      .football{
        width:6em;
            float: right;
            margin-left: 30px;

        }

.headingmyskills{
  color: #66bfbf;
  margin-left: 440px;
}
.myhobbiesheading{
  text-align: center;
  color: #66bfbf;
  padding-bottom: 50px;
}
.hr{

  border-style: none;
  border-top-style: dotted;
  border-color: #ffab73;
  border-width: 5px;
  width: 3%;
}
.table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 53em;

}

.table td, .table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.table tr:nth-child(even){background-color: #f2f2f2;}

.table tr:hover {
  background-color: #ddd;
  }

.table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #66bfbf;
  color: white;
}

h1{
  margin-top: 150px;
  margin-bottom: 0;
  font-size: 90px;
}
h2{
  font-family: 'Merriweather', serif;
  font-size: 30px;
}













.info{
  font-size:40px;
  color: #66bfbf;
}

.bottom-container{
  background-color: #709fb0;
font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  margin-top: 30px;
  margin-bottom: 0;
  line-height: 3;
  padding: 0 0 20px 0;
  word-spacing: 20px;
}

.footer-link:hover{
  color:white;
}
.footer-link{
  color:black;
  font-weight: bold;
  text-decoration: none;
  font-style: "montserrat",sans-serif;
  font-size:20px;
}
.copyright{
  word-spacing: 0;
}



.end{
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 20px;
}
.btn {
  background: #709fb0;
  background-image: -webkit-linear-gradient(top, #709fb0, #66bfbf);
  background-image: -moz-linear-gradient(top, #709fb0, #66bfbf);
  background-image: -ms-linear-gradient(top, #709fb0, #66bfbf);
  background-image: -o-linear-gradient(top, #709fb0, #66bfbf);
  background-image: linear-gradient(to bottom, #709fb0, #66bfbf);
  -webkit-border-radius: 41;
  -moz-border-radius: 41;
  border-radius: 41px;
  text-shadow: 0 1 0 #756c75;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  font-size: 15px;
  padding: 14px 20px 15px 20px;
  border: solid #709fb0 2px;
  text-decoration: none;
}

.btn:hover {
  background: #66bfbf;
  background-image: -webkit-linear-gradient(top, #66bfbf, #709fb0);
  background-image: -moz-linear-gradient(top, #66bfbf, #709fb0);
  background-image: -ms-linear-gradient(top, #66bfbf, #709fb0);
  background-image: -o-linear-gradient(top, #66bfbf, #709fb0);
  background-image: linear-gradient(to bottom, #66bfbf, #709fb0);
  text-decoration: none;
}



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


.bottomcloud{
position: absolute;
left: 300px;
bottom: 300px;
}