@import url('https://fonts.googleapis.com/css?family=Bangers');

body {	
/* Responsive Background-Image */
  /* Location of the image */
  background-image: url(ddl.png);

  
  /* Image is centered vertically and horizontally at all times */
  background-position: center top;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  margin: 0;
padding: 0;
width:100%;
height:100%;

  }
  
 #info {
	 width: 80%;
      position:absolute;  
      top:40%;  
	  left:10%;
	  right:10%;
	 font-family: 'Bangers', sans-serif;
	 font-size:72px;
	 text-align: center;
	 color:#93D3F4;;
	 text-shadow: 1px 0px 1px #000, 0px 1px 1px #000,
2px 1px 1px #000, 1px 2px 1px #000,
3px 2px 1px #000, 2px 3px 1px #000,
4px 3px 1px #000, 3px 4px 1px #000,
5px 4px 1px #000, 4px 5px 1px #000,
6px 5px 1px #000, 5px 6px 1px #000,
6px 6px 1px #000;
        z-index: 2;

 }
 
 #moreinfo {
	 	 width: 80%;

      position:absolute;  
      top:60%;  
	  left:10%;
	  right:10%;
	 font-family: 'Bangers', sans-serif;
	 font-size:30px;
	 text-align: center;
	 color: #FFFFFF;
	 text-shadow: 1px 0px 1px #000, 0px 1px 1px #000,
2px 1px 1px #000, 1px 2px 1px #000,
3px 2px 1px #000, 2px 3px 1px #000,
4px 3px 1px #000, 3px 4px 1px #000,
5px 4px 1px #000, 4px 5px 1px #000,
6px 5px 1px #000, 5px 6px 1px #000,
6px 6px 1px #000;
        z-index: 1;

 }
 
 a {
	 color: #fff;
 }