/* Content */

body {
    background-image: url(media/xim.webp);
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  /* Post*/
  
  .social {
      top: 50%;
      left: 50%;
      z-index: 2;
      display: flex;
      margin: 0 auto;
      padding: 5px 10px;
      object-fit: cover;
      position: absolute;
      border-radius: 20px;
      background-size: cover;
      background-repeat: no-repeat;
      object-position: center center;
      transform: translate(-50%, -50%);
      background-position: center center;
      /* background-image: url(media/social.gif); */
      /* box-shadow: 0px 0px 40px rgba(0, 0, 0, 1); */
      /* background-color: rgba(0, 0, 0, 0); */
  }
  
  
  /* Media queries */
  
  @media(max-width: 768px) {
  
      body {
          height: 100vh;
          object-fit: cover;
          margin: 0 !important;
          background-size: cover;
          background-repeat: no-repeat;
          min-height: -webkit-fill-available;
        }
  
        #enter {
          display: none;
        }
  
        #main {
          display: block;
        }
  
        .social > a > img {
          height: 38px;
        }
  
  }