:root
{
  --FieryRed: #ff0000;
  --DarkerRed: #b22222;
  --LightSilver: #e0e0e0;
  --LightSilverShiny: linear-gradient(to right, #f0f0f0, #ffffff, #f0f0f0);
  --DarkGrey: #1a1a1a;
  --OffWhite: #ffffff;
  --RichBlack: #010203;
  --HigherContrastRed: #cc0000;
  --ComplementaryAccent: #008080;
  --Silver: #c0c0c0;
}
@keyframes pulsingBorderGlow
{
  0%, 100% { border-image-source:linear-gradient(to right, var(--RichBlack), var(--FieryRed)); }
  50% { border-image-source:linear-gradient(to right, var(--FieryRed), var(--RichBlack)); }
}
@keyframes FadeIn
{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes slideInFromTop
{
  0%
  {
    transform:translateY(-100%);
    opacity:0;
  }
  100%
  {
    transform:translateY(0);
    opacity:1;
  }
}
@keyframes swipeIn
{
  0%
  {
    transform:translateX(-100%) rotate(-5deg);
    opacity:0;
  }
  100%
  {
    transform:translateX(0) rotate(0);
    opacity:1;
  }
}
@media (min-width:768px)
{
  body{font-size:1rem;}
  button,a.button{font-size:1rem;padding:0.5em 1em;}
}
@media (min-width:1024px)
{
  h1 { font-size:2rem; }
  h2 { font-size:1.75rem; }
  h3 { font-size:1.5rem; }
}
@media (orientation: portrait)
{
  .GalleryPhoto { width:50%; }
}
@media (orientation: landscape)
{
  .GalleryPhoto { width:33%; }
}
* { box-sizing:border-box;text-align:center; }
a { color:var(--LightSilver);padding:0.5em;white-space:pre-wrap; }
body
{
  background:radial-gradient(ellipse at center, var(--DarkGrey) 0%, var(--RichBlack) 100%);
  color:var(--OffWhite);
  font-family:Arial,Helvetica,sans-serif;
  padding:1em;
}
button { height:1.5em;padding-top:0.25em; }
form{text-align:left;}
h1{color:var(--FieryRed);}
h2{color:var(--DarkerRed);}
h3
{
  color:transparent;
  background:var(--LightSilverShiny);
  -webkit-background-clip:text;
  background-clip:text;
}
img { width:100%; }
img.Icon { height:2em;width:auto; }
input { margin:0.25em; }
input[type=textarea] { width:100%;height:20em; }
li { padding:0.5em;text-align:left; }
nav
{
  margin-bottom:1em;
  margin-top:1em;
  padding:1em;
}
ol { background-color:var(--Silver);text-align:left;margin-top:1em;padding:1em; }
p { text-align:left; }
ul { text-align:left;margin-top:1em;padding:1em; }
.FooterLink { padding:0.5em;white-space:nowrap; }
.GalleryPhoto
{
  float:left;
  padding-right:1em;
  padding-bottom:0.5em;
}
#BannerLogo
{
  width:calc(100% + 2em);
  margin-top:-1em;
  margin-left:-1em;
  margin-right:-1em;
  animation:slideInFromTop 1s ease-out forwards;
}
#FormResult { width:0;height:0;padding:0;margin:0; }
#Tab1, #Tab2, #Tab3, #Tab4, #Tab5
{
  animation:swipeIn 0.5s ease-out both;
}
#Tab2 { animation-delay:0.1s; }
#Tab3 { animation-delay:0.2s; }
#Tab4 { animation-delay:0.3s; }
#Tab5 { animation-delay:0.4s; }