gallery/style/shiny/base.css

@import url(/fonts/muller/muller.css);

:root {
  font-family: Muller;
  font-size: x-large;
  font-weight: 600;

  --gradient:
    linear-gradient(135deg,
        hsl(42deg,  67%, 70%),
        hsl(348deg, 67%, 70%),
        hsl(334deg, 77%, 80%),
        hsl(234deg, 77%, 76%),
        hsl(195deg, 67%, 67%),
        hsl(155deg, 57%, 62%)
      );
  background: var(--gradient) fixed;
}

header {
  text-align: center;
}

h1, h2 { font-weight: 100; }
h1 { font-size: 300%; }
h2 { font-size: 125%; }

body {
  --shadow: hsl(42deg, 82%, 90%, 75%);

  background: hsla(0, 0%, 0%, 60%);
  border: 3px solid white;
  box-shadow: 0 0 3em var(--shadow);
  position: relative;

  padding: 2em 4em;
  margin: 2em auto 3.5em;
  border-radius: 1.5em;

  color: white;
  --text-shadow: 2px 2px 3px hsl(0, 0%, 0%, 75%);
  text-shadow: var(--text-shadow);
}

header h1 {
  margin: 0; padding: 0;
}

a {
  color: inherit;
}

footer {
  font-weight: 500;
  font-size: 80%;
}


.corner {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.5em;

  font-size: 100%;
  font-weight: 500;
}

.corner.left { left: 2em; }
.corner.right { right: 2em; }

.emoji {
  text-align: baseline;
  height: 1em;
}