/**********************************footer*************************************************************/
#cards{
  background-color:#cdd0cb;
  }
.cards-row{
  border-radius:10px;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 5%;
  padding-bottom: 5%;

}
.card1{
  width:100px;;
  padding:4%;

}
.footer-link{
  background-color: #51adcf;
}
/*************************contact me*************************/
.contact-me{
  font-family: 'Kaushan Script', cursive;
  text-align: center;
  padding-top:100px;
  padding-bottom: 100px;
}
.a{
   font-family: 'Port Lligat Sans', sans-serif;
}
.b{
  color: #eb4559;
  font-size: 3.5rem;
   padding-bottom: 4%;
}
.btn1 {
  background: #34d3d9;
  background-image: -webkit-linear-gradient(top, #34d3d9, #047d77);
  background-image: -moz-linear-gradient(top, #34d3d9, #047d77);
  background-image: -ms-linear-gradient(top, #34d3d9, #047d77);
  background-image: -o-linear-gradient(top, #34d3d9, #047d77);
  background-image: linear-gradient(to bottom, #34d3d9, #047d77);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 0px 0px 0px #96ede1;
  -webkit-box-shadow: 0px 0px 0px #737ed1;
  -moz-box-shadow: 0px 0px 0px #737ed1;
  box-shadow: 0px 0px 0px #737ed1;
  font-family: Arial;
  color: #f5edf5;
  font-size: 27px;
  padding: 5px 20px 10px 20px;
  text-decoration: none;
}

.btn1:hover {
  background: #6ad4a1;
  background-image: -webkit-linear-gradient(top, #6ad4a1, #4dd698);
  background-image: -moz-linear-gradient(top, #6ad4a1, #4dd698);
  background-image: -ms-linear-gradient(top, #6ad4a1, #4dd698);
  background-image: -o-linear-gradient(top, #6ad4a1, #4dd698);
  background-image: linear-gradient(to bottom, #6ad4a1, #4dd698);
  text-decoration: none;

}
/******************************bottom container*****************************/
.bottom-container{
  padding-top: 40px;
  background-color: #28abb9;
  margin-bottom: 0;
  display: block;
  height: 200px;
}
.bottom-link:hover{
  color:white;

}
.bottom-link{
  font-family: 'Arvo', serif;
  color:#1a1a2e;
  padding:4%;
}
.bottom{
  text-align: center;
}

.copywrite{
  background-color:#28abb9;
  padding-top: 5%;
  padding-bottom: 3%;
  text-align: center;
}
#register{
  
  padding-top: 40%;

}
.htmlogo {
    width: 60%;
    position: relative;
    bottom: 30px;
    right: 70px;
}