@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
	padding:0; 
	margin:0;
	background-color: #ff4d08;
    font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: 400;
    font-size: 100%;
	background: linear-gradient(65deg, #832663, #D45624);
	background-size: 1000% 1000%;
}


#top, #right, #bottom, #left {
	background: #fff;
	position: fixed;
	z-index: 9990; 
}

#right, #left {
	top: 0;
	bottom: 0;
	width: 12px; 
}

#right {
	right: 0; }

#left {
	left: 0;
}

#top, #bottom {
	left: 0;
	right: 0;
	height: 12px; 
}

#top {
  top: 0; }

#bottom {
  bottom: 0; }

#p { 
		  height: 40%;
          margin-bottom: -10em; 
          width: 1px;
          float: left;
}


#content { 
          clear: left;
          position: relative;
          width: 60%;
          margin: 0 auto;
          margin-top: 120px;
		  text-align: left;
		  border: 1 px solid #000;
		  }


#content h1 {
	font-size: 40px;
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: 400;
	text-decoration: underline;
}

.copy h2 {
	font-size: 30px;
	line-height: 30px;
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: 400;
}


.copy {
	font-family: 'Roboto';
	font-weight: 300;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	color: #fff;	
}

.copy a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}

.copy a:hover {
	color: #fff;
	text-decoration: underline;
}


.back {
	font-size: 45px;
	line-height: 60px;
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: 400;
	text-decoration: underline;	
	margin-bottom: 200px;
}

.back a:link, a:visited {
    font-size: 45px;
    line-height: 60px;
	font-family: 'Roboto Mono', monospace;
	color: #fff;
	text-decoration: underline;
	
}



@media screen and (max-width: 768px) {
	
	#content { 
	    margin-top: 100px;
		width: 80%;   
	}
}


@media screen and (max-width: 568px) {
	
	/*#p { 
		  height: 10%;
          margin-bottom: -7em;
          width: 1px;
          float: left;}
          */
	
	#content { 
	      margin-top: 50px;
          clear: left;
          position: relative;
          width: 80%;
		   font-size: 16px;
		  line-height: 28px;
		  }
	
		  
	#content h1 {
	font-size: 30px;
		  }
		  

	
}

::selection {background: #000; color: #fff;}
::-moz-selection {background: #000; color: #fff;}