body {
  background: #eaeaea;
  background: -webkit-linear-gradient(right,  #eaeaea,  #dddddd);
  background: -moz-linear-gradient(right,  #eaeaea, #dddddd);
  background: -o-linear-gradient(right,  #eaeaea, #dddddd);
  background: linear-gradient(to left,  #eaeaea, #dddddd);
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;     
}

.contnr{
  padding:0;
  margin: 10% auto;
  width: 70%;
  max-width: 500px;
}
.contnr1{
  background: white;
  padding: 0px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  overflow: auto;
}

.contzg{
  padding: 20px 0px;
  background: #54ac76;
  text-align: center;
  color: white;
  font-size: 180%;
}

.conth1{
 margin: 0px;
 padding: 0px;
 font-size: 100%;
 text-align: center;
}

.conttx{
 margin: 0px;
 padding: 10px 20px;
}

.contlk{
 margin: 50px 0px 30px 0px;
 padding: 0px;
 font-size: 100%;
 text-align: center;
}

.contlk a{
 margin: 0px;
 padding: 10px 30px;
 text-align: center;
 background: black;
 color: white;
 text-decoration: none;
}
.contlk a:hover{
 background: #54ac76;
 color: white;
}