.site {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center; }
  .site .link {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: -1; }
  .site p {
    margin: 0px; }

.container {
  display: flex;
  gap: 80px; }

.qrcode {
  width: 250px;
  height: 250px;
  margin-bottom: 15px; }
  .qrcode svg {
    width: 100%;
    height: 100%; }

.site-container, .logo-container {
  display: flex;
  justify-content: space-between;
  align-items: start; }

.site-container {
  margin-top: 20px; }
  .site-container .left {
    margin-top: 0px;
    font-size: var(--service-font-size); }
  .site-container .right {
    font-size: var(--user-font-size);
    text-align: right; }
    .site-container .right * {
      font-size: var(--user-font-size); }

.logo-container {
  display: flex;
  justify-content: center;
  width: 260px;
  height: 63px;
  background: var(--main-color);
  overflow: hidden;
  align-items: center; }

.site-name {
  width: 260px;
  height: 63px;
  background-color: var(--main-color);
  display: flex;
  justify-content: center;
  align-items: center; }
  .site-name p {
    color: white; }

.container-child {
  max-width: 50%;
  min-width: 45%; }

.stop-site {
  color: #fa3232;
  cursor: pointer;
  margin: 0px; }

.user-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0px; }
  .user-social .content {
    display: flex;
    align-items: center; }
  .user-social .icon-wrapper {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px; }
    .user-social .icon-wrapper img {
      width: 60%; }
  .user-social a {
    font-weight: 600;
    margin: 0px 10px;
    font-size: var(--user-font-size); }
  .user-social .link {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    position: relative;
    z-index: -1; }

.adds-link {
  color: var(--light-ref-color);
  text-decoration: none; }

/*# sourceMappingURL=site.css.map */