@font-face	
		{
		font-family:'goldman';
		src:url('goldman-regular.ttf');
		}

*		
		{
		margin:0px;
		padding:0px;
		}

html		
		{
		height:100%;
		}

body		
		{
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;  
		font-family:'goldman';
		background-image:linear-gradient(155deg, #000000, #343946, #4B515C);
		cursor:default;
		}

.s1		
		{
		font-size:50px;
		color:#60A5FA;
		text-shadow: 0px 0px 10px #222222;
		transform:translateY(-200%);
		opacity:0;
		animation:slideDown 1s forwards;
		}

.s2		
		{
		font-size:18px;
		color:#D1D5DB;
		opacity:0;
		animation:Show 3s forwards 1s;
		}

.s3		
		{
		font-size:14px;
		color:#989FAA;
		opacity:0;
		animation:Show 3s forwards 3s;
		}

div		
		{
		background-color:#4B515C;
		font-size:18px;
		color:#FFFFFF;
		width:480px;
		padding:30px;
		margin:35px 0px;
		line-height:2.3;
		border-style:solid;
		border-color:#49628E;
		border-width:2px;
		border-radius:20px;
		opacity:0;
		animation:Show 3s forwards 1s;
		}

a		
		{
		display:block;
		width:230px;
		margin:20px auto 5px auto;
		font-size:22px;
		border-radius:50px;
		text-decoration:none;
		text-align:center;
		color:#CCCCCC;
		box-shadow:0px 0px 5px #333333;
		background-image:linear-gradient(to right, #4597FA, #881EE8, #DF7000);
		background-size:200% 100%;
		background-position:left center;
		transition:all 0.5s;
		}

a:hover		
		{
		text-shadow: 0px 0px 3px #111111;
		box-shadow:0px 0px 10px #333333;
		background-position:right center;
		color:#FFFFFF;
		}

@keyframes slideDown
		{
		to	{
			transform: translateY(0);
			opacity: 1;
			}
		}

@keyframes Show
		{
		to	{
			opacity: 1;
			}
		}