/* Syncboard - colours and proportions taken from the original front page
   bgcolor #00006C  text #FFFFFF  link #00CCFF  vlink #999999  alink #8000FF */
:root{
  --navy:#00006C;
  --ink:#FFFFFF;
  --cyan:#00CCFF;
  --visited:#999999;
  --active:#8000FF;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--navy);
  color:var(--ink);
  font:16px/1.6 Verdana,Arial,Helvetica,sans-serif;
  text-align:center;
  padding:clamp(2rem,12vh,7rem) 1rem 3rem;
}
a{color:var(--cyan)}
a:visited{color:var(--visited)}
a:active{color:var(--active)}

.banner{display:block;margin:0 auto clamp(1.8rem,5vh,3.1rem);max-width:min(700px,92vw)}
.banner img{width:100%;height:auto;display:block}

.tagline{
  font-size:clamp(1.15rem,3.2vw,1.5rem);
  font-weight:bold;
  margin:0 0 clamp(1.5rem,4vh,2.6rem);
}

nav.doors{display:flex;flex-direction:column;gap:clamp(1rem,2.6vh,1.55rem)}
nav.doors a{
  font-size:clamp(1.15rem,3.2vw,1.5rem);
  font-weight:bold;
  align-self:center;
}

/* stand-by pages */
.pattern{
  max-width:min(460px,86vw);width:100%;height:auto;display:block;
  margin:0 auto clamp(1.8rem,5vh,2.6rem);
  image-rendering:pixelated;
}
h1{
  font-size:clamp(1.25rem,3.6vw,1.6rem);
  letter-spacing:.34em;text-indent:.34em;
  margin:0 0 .85rem;
}
.says{font-size:clamp(1rem,2.6vw,1.15rem);margin:0 0 clamp(1.6rem,4vh,2.4rem)}
.back{font-size:clamp(1rem,2.6vw,1.15rem);font-weight:bold;margin:0}

footer{
  margin-top:clamp(2.2rem,6vh,3.6rem);
  font-size:.72rem;
  line-height:1.8;
}

@media (max-width:480px){
  footer br{display:none}
}