* {
  font-family: Roboto;
}

.panel {
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px;
          box-shadow: 2px 2px 5px;
  background: conic-gradient(from var(--b) at var(--xy), var(--c0) var(--a), var(--c1) 0% 50%, var(--c2) 0% calc(180deg + var(--a)), var(--c3) 0%);
}

.panel:last-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/ span 2;
}

html {
  overflow-x: hidden;
}

body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr max-content;
      grid-template-rows: 1fr -webkit-max-content;
      grid-template-rows: 1fr max-content;
  margin: 0;
  min-width: 160px;
  height: 100vh;
}

@media (max-width: 480px) {
  body {
    font-size: .875em;
  }
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-grid;
  display: grid;
}

p {
  margin: 0;
  padding: 0.5em 2vmin;
  color: #eee;
  text-align: center;
}

.content {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
/*# sourceMappingURL=site.css.map */