JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="zatumil_teskemda">
       <a href="http://zornet.ru/">
         zornet.ru
       </a>
</div>

CSS

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

html{
   height:100%;
   width:100%;
}

html, body{
  padding: 0;
  margin: 0;
  font-family: 'Raleway', sans-serif;
}

body{
   background-color: #ededed;
   height:100%;
   display:table;
   width:100%;
   text-align:center;
}

.zatumil_teskemda{
  display:table-cell;
  vertical-align: middle;
}



a {
    text-decoration: none;
    color: #e4e2e2;
    margin: auto;
    width: 357px;
    display: inline-block;
    line-height: 70px;
    font-size: 29px;
    font-weight: 600;
    letter-spacing: 3px;
    border-radius: 2px;
    text-transform: uppercase;
    background-color: #b50d66;
    box-shadow: 0px 12px 17px -6px rgba(162, 5, 88, 0.65);
    transition: all 0.4s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
}

a:hover {
    background-color: #ca0c6fcc;
    box-shadow: 0px 19px 20px -8px rgba(160, 13, 90, 0.5);
    transform: scale(1.02,1.02);
}

 a:active{
  background-color: #ab005a;
  box-shadow: 0px 11px 19px -4px rgba(199, 0, 105, 0.90);
  transform: scale(0.95,0.95);
}