html, body {
height: 100%;
background-color: black;
margin: 0px;
font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
color: white;
}
p {
margin-top: 0px;
}
a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: white;
}
.nvHero {
height: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url("https://www.neonverb.com/xmasday/nvHero.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.nvContact, .nvPrivacy {
width: 100%;
position: absolute;
margin: 0px;
left: 20px;
right: 0px;
top: 0px;
text-align: left;
}
.nvContactClose, .nvPrivacyClose {
margin: 0px;
font-size: 300%;
opacity: 1;
animation: fade 1s linear;
}
.nvInfo {
width: 100%;
position: absolute;
margin: auto;
left: 0px;
right: 0px;
bottom: 25px;
text-align: center;
}
.nvInfoSubtitle {
font-size: 200%;
font-weight: bold;
}
.nvInfoPromotion {
}
.nvInfoImage {
}
.nvInfoEmail {
font-size: 90%;
}
.nvInfoCopyright {
font-size: 90%;
}
.nvInfoPrivacy {
font-size: 90%;
}
.nvContactSubtitle, .nvPrivacySubtitle {
font-weight: bold;
opacity: 1;
animation: fade 1s linear;
}
.nvContactPromotion, .nvPrivacyPromotion {
padding-left: 20px;
padding-right: 20px;
opacity: 1;
animation: fade 1s linear;
}
@keyframes fade {
0% { opacity: 0 }
50% { opacity: 1 }
}
@media only screen and (max-width: 400px) {
.nvInfoSubtitle {
font-size: 150%;
}
}
@media only screen and (max-height: 500px) {
p {
margin-top: -5px;
}
}
@media only screen and (max-height: 400px) {
p {
margin-top: -10px;
}
}