:root {
  --color-red: rgb(227, 40, 15);
  --color-orange: rgb(180 58 0);
  --color-blue: rgb(0, 94, 150);
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  min-height: 100vh;
}

header {
  background-image: url('../images/cakelock_logo.svg');
  padding: 5mm 0 5mm 30mm;
  background-repeat: no-repeat;
}

a.home-link,
a.home-link:link,
a.home-link:visited,
a.home-link:active,
a.home-link:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
  display: flex;
  justify-content: center;
  margin: 5mm;
}

a:link,
a:visited,
a:active,
a:hover {
  color: var(--color-red);
}

.content-container {
  padding: 5mm;
}

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

.message {
  background-color: var(--color-blue);
  color: rgb(255, 255, 255);
  padding: 5mm;
}

.message.info {
  background-color: var(--color-orange);
}

.message.error {
  background-color: var(--color-red);
}

.help {
  margin-top: 0;
  font-size: 0.8em;
  font-style: italic;
}

.monospace {
  font-family: monospace;
}

.error {
  border-color: red;
}

#cert {
  border: 1px solid white;
  background-color: transparent;
  color: white;
  padding: 1mm;
  width: 100%;
  box-sizing: border-box;
}

.get-cert p {
  margin: 0;
}

#copy {

}

footer {
  padding: 20mm 5mm 5mm 5mm;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  margin: 0;
  padding: 0;
}

details {
  padding: 5mm;
}