/* ====================== */
/* ====================== */
/* ====================== */
/* ====================== */
/* Colors =============== */
/* ====================== */

:root {
  --brightred: #f42433;
  --palered: #f93e4f;
  --softblack: #000;
  --gray: #777;
}

/* ====================== */
/* ====================== */
/* ====================== */
/* ====================== */
/* Structure ============ */
/* ====================== */

div.centered {
  position: fixed;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
}
img {
  width: 64px;
}
footer {
  /* outline: 1px dotted hotpink; */
	text-align: justify;
  position: fixed;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, 0%);
}
footer .links {
  padding: 1em;
}
footer ul {
  padding: 0;
  list-style: none;
}
footer li {
  padding: 0 0.5em;
  display: inline-block;
}
footer a {
  color: var(--softblack);
  text-decoration: none;
}

/* ====================== */
/* ====================== */
/* ====================== */
/* ====================== */
/* Breakpoints ========== */
/* ====================== */

@media (max-width: 600px) {
  img {
    width: 36px;
  }
  footer {
    bottom: 1%;
    transform: translate(-50%, 0%);
  }
}