.title {
  color: #F5898975;
  position: absolute;
  top: calc(50% - 52px);
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  height: 48px;
  width: 92px;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.subtitle {
  color: #F5898975;
  position: absolute;
  top: calc(50% + 48px + 26px);
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  height: 42px;
  width: 286px;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.social {
  display: block;
  width: calc((64px + 2px) * 4 + 4px);
  min-height: 12px;
  background-color: #F5898940;
  backdrop-filter: blur(4px);
  border-color: #F5898965;
  image-rendering: high-quality;
  image-orientation: from-image;
  image-resolution: from-image;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  padding: 2px; }

.centerY {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

body {
  margin: 0;
  background-color: #281616; }