<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"

      title="Wrap Long Lines">
  </head>
  <body>
    <pre>&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
    &lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"

      title="Wrap Long Lines"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;pre&gt;{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.hero{
	width: auto;
	height: 100vh;
	/* background-image: linear-gradient(rgba(12,3,51,0.3),rgba(12,3,51,0.3)); */
	position:fixed;
	padding:0;
	display:flex;
	align-items: center;
	justify-content: center;
	}
nav{
	width: auto;
	position: fixed;
	top: 0;
	left: 0;
	right:40px;
	padding: 10px 4%;
	display: flex;
	align-items: center;
	justify-content: space-between;	
	}
nav .logo{
	width: 150px;
}
nav ul li{
	list-style:none;
	display:inline-block;
	margin-left:40px;
}
nav ul li a{
	text-decoration:none;
	font:Cambria;
	color:fuchsia;
	font-size: 1.5vw;
	font-weight:600;	
}
.content{
	text-align: center;
	top:0;	
}
.content h1{
	position: fixed;	
	font-size: 10vw;
	color:aqua;
	font-weight:600;
	transition: 0.5s;
	margin-top:-5%;
	padding-left:30%;
}
.content h1:hover{
	-webkit-text-stroke: 2px white;
	color: transparent;
}
.content h1a{	
	font-size: 4vw;
	color:aqua;
	font-weight:600;
	transition: 0.5s;
	position: fixed;
	margin-top:-18%;
	margin-left:15%;
	}
.content h1a:hover{
	-webkit-text-stroke: 2px white;
	color: transparent;
}
.content h2{	
	position: fixed;
	padding-left:50.3%;
	font-size: 3vw;
	color:aqua;
	font-weight:600;
	margin-top:-5%;
}
.content h2a{	
	font-size: 1.2vw;
	color:aqua;
	font-weight:600;
	position: fixed;
	margin-top: -18%;
	margin-left:21.3%;
}
.content h2b{	
	font-size: 1.2vw;
	color:aqua;
	font-weight:600;
	position: fixed;
	margin-top: -18%;
	margin-left:35.8%;
}
.content h2c{	
	font-size: 1.2vw;
	color:aqua;
	font-weight:600;
	position: fixed;
	margin-top: -18%;
	margin-left:33%;
}
.content h3{	
	font-size: 2vw;
	color:aqua;
	font-weight:600;
	position: fixed;
	margin-top: -15%;
	margin-left:10%;
}
.content h4{	
	font-size: 3vw;
	color:aqua;
	font-weight:600;
	position: fixed;
	margin-top: -5%;
	padding-left:45.6%;
}
.content h5{	
	font-size: 2vw;
	color:aqua;
	font-weight:600;
	position: fixed;
	margin-top: 14%;
	padding-left:60%;
}
.content a{
	text-decoration:none;
	display:inline-block;
	color:blue;
	font-size:24px;
	border: 2px solid lime;	
	padding: 14px 70px;
	border-radius: 50px;
	margin-top: 20px;
}
.back-video{
	position:fixed;
	left: 0;
	bottom: 0;
	z-index: -1;	
}
@media (min-aspect-ratio: 16/9){
	.back-video{	
	width: 100%;
	height: auto;
	}
}
@media (max-aspect-ratio: 16/9){
	.back-video{	
	width: auto;
	height: 100%;
	}
}
div.ovfl1{
	height: 50%;
	max-width:95%;
	overflow-y: scroll;
	overflow-x: auto;
}
table {
  font-family: arial, sans-serif;
  font-size: 1.5vw;
  font-weight:50;
  border-collapse: collapse;
  max-width: 100%;
  color: aqua;
  height:auto;
}
img{
	max-width: 100%;
	height:auto;	
}
td, th {
  border: none;
  text-align: left;
  padding: 20px;
}
figcaption {
  color: aqua;
  padding: 2px;
  text-align: center;
}&lt;/pre&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>
  </body>
</html>