body {
	 background-image: url(bg.gif);
	 /*background-size: 150px;*/
	}

	a {
	 color: #ffffff;  
	}

	a:visited {
	 color: #eeeeee;  
	}

	main {
	 box-sizing: unset;
	 background-color: #000;
	 border-color: #fa6501;
	}

 	hgroup h1, hgroup h6 {
	 text-align: center;
	}

	article {
	 color: #fff;
	}

	article p {
	 box-sizing: border-box;
	 padding: 0 15px;
	 text-indent: unset;
	 font-family: "Comic Sans MS", "Comic Sans";
	 font-size: 15pt;
	}

	nav {
	 display: inline-block;
	 text-align: center;
	}

	nav a {
	 margin: unset;
	 position: relative;
	 border: 0;
	}

	nav a div {
	 color: #ffffffaa;
	 position: absolute;
	 font-size: 75px;
	 text-align: center;
	 width: 100%;
	 text-shadow: 2px 2px 0 #000000aa;
	}

	#disqus_thread {
	 background-color: #ffffff;
	}

	#display {
	 cursor:pointer;
	 position: fixed;
	 top: 0;
	 width: 100%;
	 background-color: #000000aa;
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
	 display:none;
	}
    

  @media only screen and (min-width: 1000px) {

    .no-desktop {
      display:none;
    }

	main {
	 width: 550px;
	}

	nav {
	 width: 260px;
	}

	nav a {
	 width: 250px;
	}

	nav a div {
	 line-height: 250px;
	 top: 0;
	}

	#arach > a > div {
	 box-shadow: inset 0 0 20px 20px #000;
	}

	#arach img {
	 width: 250px;
	}

	section p, section hgroup {
	 width: 520px;
	}

  }


  @media only screen and (max-width: 999px) {

    .no-mobile {
      display:none;
    }

    main {
      width: 90%;
      border-width: 0 2px;
    }

	nav {
	 width: 50%;
	}

	nav a {
	 width: 100%;
	}

	nav a div {
	 top: 0px;
	 height: 100%;
	 padding-top: 15px;
	}

	nav a img {
	 width: 100%;
	}

	#arach > a > div {
	 box-shadow: inset 0 0 7px 7px #000;
	}

  }