*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
  background: #39302B;
}

body {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100dvh; /* handles mobile browser toolbars */
  background-image: url("../img/bg.svg");
  background-size: cover;     /* fills the screen, crops the overflow */
  background-position: center;
  background-repeat: no-repeat;
}

.logo {
  display: block;
  width: min(60vw, 480px);  /* scales with screen, capped on desktop */
  max-height: 60vh;         /* stays inside short/landscape screens */
  height: auto;
}