body, html {
	padding: 0;
	margin: 0;
	background: #fff;}
  
  body {
	padding: 35px;}
  
  .content {
	display: block;
	padding: 20px;
	background: #f8f8f8;
	border: 3px solid #e8e8e8;
	border-radius: 10px;}
  
	.content > p {
	  font: normal 16px/22px sans-serif;
	  color: rgb(255, 255, 255);}
	
	.content > p a {
	  color: #1d7df2;
	  text-decoration: none;}
	
	.content > p a:hover {
	  color: #b51db5;}
  
  /* ----------------
	 CodePen Styles
	 ---------------- */
  
  #cookies {
	display: none;
	width: 100%;
	height: 90px;
	padding-top: 30px;
	position: absolute;
	background: #0084ff ;
	border-bottom: 2px solid #0084ff;
	color: #5a90e0;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 9999;}
  
	#cookies > p {
	  margin: 0 0 10px 0;
	  font-weight: bold;}
	
	#cookies > p a {
	  color: #ffffff;
	  text-decoration: none;}
  
  #cookies.display {
	display: block;
  
	/* Cross browser animation */
	-webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
	   -moz-animation: cookies 1s 1; /* Firefox 5-15 */
		-ms-animation: cookies 1s 1; /* IE9 */
		 -o-animation: cookies 1s 1; /* Opera 12.00 */
			animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}
  
  @keyframes cookies {
	0%   {
	  -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,-100px,0); /* Firefox */
		  -ms-transform: translate3d(0,-100px,0); /* IE9 */
		   -o-transform: translate3d(0,-100px,0); /* Opera */
			  transform: translate3d(0,-100px,0);
	}
	100% {
	  -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,0,0); /* Firefox */
		  -ms-transform: translate3d(0,0,0); /* IE9 */
		   -o-transform: translate3d(0,0,0); /* Opera */
			  transform: translate3d(0,0,0);
	}
  }
  @-webkit-keyframes cookies {
	0%   {
	  -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,-100px,0); /* Firefox */
		  -ms-transform: translate3d(0,-100px,0); /* IE9 */
		   -o-transform: translate3d(0,-100px,0); /* Opera */
			  transform: translate3d(0,-100px,0);
	}
	100% {
	  -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,0,0); /* Firefox */
		  -ms-transform: translate3d(0,0,0); /* IE9 */
		   -o-transform: translate3d(0,0,0); /* Opera */
			  transform: translate3d(0,0,0);
	}
  }
  @-moz-keyframes cookies {
	0%   {
	  -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,-100px,0); /* Firefox */
		  -ms-transform: translate3d(0,-100px,0); /* IE9 */
		   -o-transform: translate3d(0,-100px,0); /* Opera */
			  transform: translate3d(0,-100px,0);
	}
	100% {
	  -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,0,0); /* Firefox */
		  -ms-transform: translate3d(0,0,0); /* IE9 */
		   -o-transform: translate3d(0,0,0); /* Opera */
			  transform: translate3d(0,0,0);
	}
  }
  @-o-keyframes cookies {
	0%   {
	  -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,-100px,0); /* Firefox */
		  -ms-transform: translate3d(0,-100px,0); /* IE9 */
		   -o-transform: translate3d(0,-100px,0); /* Opera */
			  transform: translate3d(0,-100px,0);
	}
	100% {
	  -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
		 -moz-transform: translate3d(0,0,0); /* Firefox */
		  -ms-transform: translate3d(0,0,0); /* IE9 */
		   -o-transform: translate3d(0,0,0); /* Opera */
			  transform: translate3d(0,0,0);
	}
  }
  
  .close-cookies {
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		 -o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
	
	-webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
	   -moz-transform: translate3d(0,-100px,0); /* Firefox */
		-ms-transform: translate3d(0,-100px,0); /* IE9 */
		 -o-transform: translate3d(0,-100px,0); /* Opera */
			transform: translate3d(0,-100px,0);
  }