@font-face {
	font-family: 'HelveticaStd';
	src: url('../css/fonts/HelveticaLTStd-Light.eot');
	src: url('../css/fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/HelveticaLTStd-Light.woff') format('woff'),
		url('../css/fonts/HelveticaLTStd-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

body { 
	font-family: 'HelveticaStd';
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #e9e7ea;
}

a {
    text-decoration: none;
}

.enter-area {
    font-family: 'Parisienne', cursive;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    text-align: center;
    animation: enter 2500ms ease 500ms forwards;
    opacity: 0;
}

.enter-area p {
    font-size: 39px;
    color: #636363;
    margin-top: 0px;
}

a .login {
    width: 100px;
    text-align: center;
    margin: auto;
    background-color: white;
    color: #7d7d7d;
    text-decoration: none;
    padding: 11px 43px;
    font-size: 28px;
    margin-top: 23px;
    border: 1px solid #d2d2d2;
    transition: 500ms ease;
}

a .login:hover {
    background-color: #ece5e5;
}

@keyframes enter {
    0%{ opacity: 0; }
    100% { opacity: 1; }
}