<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre style="width: 1177px;"><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre>* {
box-sizing: border-box;
}
h0 {
font-size: 8vw;
color: #565555;
}
h1 {
font-size: 5vw;
padding: 0;
margin: 0;
}
h2 {
font-size: 3.3vw;
color: #3a3a3a;
}
li{
margin: 15px 0;
}
body {
font-family: "Spartan", "Arial", sans-serif;
}
.body {
display: grid;
background-color: #ffffff;
}
.container {
display: grid;
height: 100vh;
grid-template-rows: 0.1fr 2fr 0.1fr;
grid-template-areas:
"nav"
"home"
"footer";
}
nav {
grid-area: nav;
position: fixed !important;
width: 96%
}
nav {
grid-area: nav;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid lightgrey;
padding: 16px 15px 16px;
font-size: 95%;
text-align: center;
background-color: #636262;
}
a[href] {
color: white;
}
a:link {
color: white;
}
a:visited {
color: light gray;
}
a:hover {
color: black;
}
a:active {
color: dark gray;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
align: middle
}
.centeredimage {
object-fit: cover;
}
.centeredtext {
position: absolute;
text-align: center;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
}
.lefttext {
position: absolute;
top: 60%;
left: 18%;
transform: translate(-50%, -50%);
}
footer {
grid-area: footer;
position: absolute;
position: sticky;
bottom:0;
width:97.5%;
border-top: 1px solid lightgrey;
padding: 5px 15px 5px;
background: #3b3b3b;
font-size: 70%;
text-align: right;
color: #d6d6d6;
}
#home {
grid-area: home;
border: 1px solid #f4f4f4;
background-color: #f9f9f9;
height: 100%;
width: 100%
text-align: center;
vertical-align: center;
color: #fffef9;
}
@media only screen and (max-width: 550px) {
.container {
margin-top: 40px;
grid-template-rows: .1fr .1fr 0.1fr;
grid-template-areas:
"nav"
"home"
"footer";
}
}</pre>
</body>
</html>
</pre>
</body>
</html>