<body>
<div class="cirrcle">
  <p class="enter">Enter</p>
</div>
</body>
@import url(https://fonts.googleapis.com/css?family=Gabriela);

body {
  background-image: url('https://subtlepatterns.com/patterns/mochaGrunge.png');
}

@-webkit-keyframes greenPulse {
from { -webkit-box-shadow: 0 0 1px #AFE30E; }
50% {  -webkit-box-shadow: 0 0 18px #91bd09; }
to {-webkit-box-shadow: 0 0 9px #8FB518; }
}

p.enter {
  font-size: 2em;
  font-family: 'Gabriela';
  position: absolute;
  text-align: center;
  padding-top: 44px;
  padding-left: 61px;
  padding-right: 61px;
}

div.cirrcle {    
    margin: 100px auto;
    width:200px;
    height:200px;
}

.cirrcle {
    -moz-border-radius: 200px/200px;
    -webkit-border-radius: 200px 200px;
    border-radius: 200px/200px;;
    border:1px solid #91bd09;
    width:200px;
    height:200px;
    outline:none;
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

.cirrcle:hover {
    box-shadow: 0 0 2px #91bd09;
    -webkit-box-shadow: 0 0 2px #91bd09; 
    -moz-box-shadow: 0 0 2px #91bd09;
    border:1px solid #91bd09;
}

.log-in {
  font-family: 'Gabriela', serif;
  padding-top:70px;
  color: #222324;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.