html,body{
			width:100%;
			height: 100%;
			padding:0px;
			margin:0px;
			background-color: blue;
		}
		#intro{
			width:400px;
			height:300px;
			position: absolute;
			top:50%;
			left:50%;
			margin:-150px 0 0 -200px;
			z-index:2;
			color:#fff;
			text-align:center;
			font-family: 'Varela Round', sans-serif;
		}
			#intro h1{
				margin:0 0 100px;
				font-size:48px;
			}
				#intro a{
					border:1px solid #fff;
					padding:20px 80px;
					color:#fff;
					text-decoration:none;
					font-size:21px;
					transition: all 0.5;
					-webkit-transition: all 0.3s ease;                  
				       -moz-transition: all 0.3s ease; 
				        -ms-transition: all 0.3s ease;                
				         -o-transition: all 0.3s ease;     
				            transition: all 0.3s ease;
				}
					#intro a:hover{
						opacity:0.5;
					}

		#bubbles{
			display:block;
			width:100%;
			height:100%;
			background:#fff;
		}
			#bubbles.block{
				width:100%;
				height:320px;
				position: absolute;
				top:50%;
				margin-top:-160px;
			}