body {
	background-image: radial-gradient(circle farthest-side at 0% 0%, #8C8C8C, #1A1A1A);
	font-family: Arial, sans-serif
	}
	
p, h1, h2, h3, h4, h5, h6 {
    color: white
    }
@keyframes StartUp {
	from {
		width: 10px
		height: 10px
		}
	to {
		width: 100px
		height: 100px
		}
	}
    
#main {
	border-radius: 40px;
	display: block;
	margin: 0 auto;
	position: relative;
	animation: StartUp 2s linear 1s
	}
 .center {
	text-align: center
	}
	
#big {
	font-size: 37px;
	color: white
	}
	
a {
      outline: none;
      text-decoration: none;
      font-family: Arial, sans-serif;
    }
    a:link {
      color: white;
    }
    a:visited {
      color: white;
    }
    a:focus {
      color: white
    }
    a:hover {
      color: blue;
    }
    a:active {
      color: lightblue;
    }
    
.fixed {
	position: fixed
	}
	
#pass:hover {
	transform: scale(1.3);
	transition-duration: 0.5s;
	transition-delay: 0.5;
	transition-propetry: transform, background;
	background: yellow;
	transition-timing-function: linear
	}
.dd {
	position: relative;
	display: inline-block
	}
.dd-content {
	position: absolute;
	display: none;
	}
.dd:hover > .dd-content {
	display: block;
	position: fixed;
	transform: translateX(2px)
	}