body {
  background-repeat: no-repeat;
  background-color: #0000ff;
  background-position: top;
  color: #eee;
}
.site {
  p { text-indent:6em;}
}
.back {
  /* content:url("ch.png"); */
}
.red {
  color: #ff0000;
}

.header {
  padding: 1em;
  /* text-align: center; */
  color: #222;
}
.myClass:before {
  color: #eee;
  display: inline-block;
  width: 32px;
  height: 32px;
  /* content: "XX";*/
  content:url("form0.html");
  background-image: url("blue.jpeg");
}
.silent{
  scrollbar-width: 0;
}
.main {
  padding: 1em;
  flex: 1;
  /* overflow-y: scroll; */
  scrollbar-width: none;
}

.footer {
  margin-left: -350;
  padding: 0px;
  text-align: left;
  position: fixed;
  bottom: 0;
}
:root {
--header: 3rem;
--footer: 40px;
--main: calc(100vh - calc(var(--header) + var(--footer)));
}
:root {
  --container-size: min(90vw, 90vh);
  --star-size: min(5vw, 5vh);
  --star-lg: polygon(
    calc(50% + 50% * cos(270deg)) calc(50% + 50% * sin(270deg)),
    calc(50% + 50% * cos( 54deg)) calc(50% + 50% * sin( 54deg)),
    calc(50% + 50% * cos(198deg)) calc(50% + 50% * sin(198deg)),
    calc(50% + 50% * cos(342deg)) calc(50% + 50% * sin(342deg)),
    calc(50% + 50% * cos(126deg)) calc(50% + 50% * sin(126deg))
  );
  --star-sm: polygon(
    calc(var(--star-size) + var(--star-size) * cos(270deg)) calc(var(--star-size) + var(--star-size) * sin(270deg)),
    calc(var(--star-size) + var(--star-size) * cos( 54deg)) calc(var(--star-size) + var(--star-size) * sin( 54deg)),
    calc(var(--star-size) + var(--star-size) * cos(198deg)) calc(var(--star-size) + var(--star-size) * sin(198deg)),
    calc(var(--star-size) + var(--star-size) * cos(342deg)) calc(var(--star-size) + var(--star-size) * sin(342deg)),
    calc(var(--star-size) + var(--star-size) * cos(126deg)) calc(var(--star-size) + var(--star-size) * sin(126deg))
  );
}


background-image: image("image.jpeg#xywh=0,20,40,60");