html, body {
			width: 100%;
			height: 100%;
			background-color:transparent;
		}
		body {
			background-color:transparent;
			margin: 0;
			overflow: hidden;
			font-family: arial;
		}
		#blocker {
			position: absolute;
			width: 80%;
			height: 80%;
			margin: 0 auto;
			background-color: rgba(0,0,0,0.5);
			right:0;
			left:0;
		}
		#instructions {
			margin:0;
			background-color:transparent;
			width: 100%;
			height: 100%;
			display: -webkit-box;
			display: -moz-box;
			display: box;
			-webkit-box-orient: horizontal;
			-moz-box-orient: horizontal;
			box-orient: horizontal;
			-webkit-box-pack: center;
			-moz-box-pack: center;
			box-pack: center;
			-webkit-box-align: center;
			-moz-box-align: center;
			box-align: center;
			color: #ffffff;
			text-align: center;
			cursor: pointer;
		}

		#info{
			display:flex;
			vertical-align: center;
			justify-content:space-between;
			background-color:transparent;
			bottom:0;
			position:fixed;
			width:100%;
		}

		#info p{
			background-color:transparent;
			display:inline;
			padding:10px;
			color:white;

		}

		#goal {
			position: absolute;
			width: 80%;
			height: 80%;
			margin: 0 auto;
			background-color: rgba(0,0,0,0.5);
			right:0;
			left:0;
			display:none;
		}

		#exit{
			width:100%;
			height:50px;
			background-color:blue;
		}

		#loading-screen {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #000000;
			opacity: 1;
		 	transition: 1s opacity;
		}

		#loading-screen p{
			margin:0px;
			padding-top:10px;
			color:white;
			font-family: 'Montserrat', sans-serif;
			font-size:60px;
			text-align:center;
		}

	#loading-screen.fade-out {
	    opacity: 0;
	}

	#loader {
	    display: block;
	    position: relative;
	    left: 50%;
	    top: 50%;
	    width: 150px;
	    height: 150px;
	    margin: -75px 0 0 -75px;
	    border-radius: 50%;
	    border: 3px solid transparent;
	    border-top-color: #155dca;
	    -webkit-animation: spin 3s linear infinite;
	    animation: spin 3s linear infinite;
	}
	#loader:before {
	    content: "";
	    position: absolute;
	    top: 5px;
	    left: 5px;
	    right: 5px;
	    bottom: 5px;
	    border-radius: 50%;
	    border: 3px solid transparent;
	    border-top-color: #155dca;
	    -webkit-animation: spin 3s linear infinite;
	    animation: spin 3s linear infinite;
	}
	#loader:after {
	    content: "";
	    position: absolute;
	    top: 15px;
	    left: 15px;
	    right: 15px;
	    bottom: 15px;
	    border-radius: 50%;
	    border: 3px solid transparent;
	    border-top-color: #155dca;
	    -webkit-animation: spin 2s linear infinite;
	    animation: spin 2s linear infinite;
	}
	@-webkit-keyframes spin {
	    0%   {
	        -webkit-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	@keyframes spin {
	    0%   {
	        -webkit-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}