


.site-logo {
  display: flex;
  align-items: center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

[id="logo"] {
  position: relative;
  flex: 0 0 3.75rem;
  width: 3.75rem;
  z-index: 2;
}
[id="logo"] polygon {
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
}
[id="logo"] circle {
  -webkit-transform-origin: 80% 80%;
          transform-origin: 80% 80%;
}

.site-title {
  position: relative;
  overflow: hidden;
  margin-left: -1.2rem;
  z-index: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.site-title-text {
  padding: 0.25rem 0.375rem 0.25rem 0.01rem;
  color: #fff;
  font-size: 1.5rem;
 /** font-weight: 800; */
}
.site-title-text span {
  margin-left: 0.015625rem;
  color: #fff;
}

.button-restart {
  position: fixed;
  bottom: 1.5rem;
  padding: 0.375rem 1.5rem 0.5rem 1.5rem;
  font-family: "Dosis", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.03125rem;
  outline: none;
  cursor: pointer;
  color: #00B4FF;
  background-color: transparent;
  border: 0.125rem solid #00B4FF;
  border-radius: 0.125rem;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, transform 0.2s ease-out;
  transition: color 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.button-restart:after {
  content: '';
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  pointer-events: none;
  width: 100%;
  height: 100%;
  border: 0.125rem solid #3F3C3C;
  -webkit-transform: translate(0.25rem, 0.25rem);
          transform: translate(0.25rem, 0.25rem);
  opacity: 0;
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.button-restart:hover {
  color: #3F3C3C;
  -webkit-transform: translateY(-0.125rem);
          transform: translateY(-0.125rem);
}
.button-restart:hover:after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.button-restart:active {
  -webkit-transform: translateY(-0.0625rem);
          transform: translateY(-0.0625rem);
  transition-duration: 0s;
}
