/* </! خدا، به نامش > */
      html{background:#ffc601ff; margin:0;padding:0;}
      body{margin:0;padding:0;}
      ::selection{background: #000; color:#fff;}
      .logo{
      width: 80vw;
      max-width: 50vh;
      margin: 0 auto;
      display: block;
      translate: 50%-50%;
      top: 30vh;
      position: absolute;
      background: ;
      right: 50%;
      animation: bia 5s forwards;
      transition: 0.5s;
      border: none;
      }
      @keyframes bia {
      from {opacity: 0; scale: 0;}
      to {opacity: 1; scale: 1;}
      }
      .font-size-3vh{font-size:3vh;}
      .font-size-2vh{font-size:2vh;}
      .logotype{
      width: 80vw;
      max-width: 80vh;
      margin: 0 auto;
      display: block;
      translate: 50%-50%;
      top: 50vh;
      position: absolute;
      background: ;
      right: 50%;
      animation: bia 5s forwards;
      transition: 0.5s;
      border: none;
      }
      .matn{
      height: 10vh;
      margin: 0 auto;
      display: block;
      translate: 50%-50%;
      top: 42vh;
      position: absolute;
      background: ;
      right: 50%;
      animation: bia 5s forwards;
      transition: 0.5s;
      border: none;
      text-align: center;
      }
      .list{
      height: auto;
      margin: 0 auto;
      margin-top: -15vh;
      display: block;
      translate: 50%-50%;
      top: 90vh;
      position: absolute;
      right: 50%;
      animation: bia 5s forwards;
      font-size: 2vh;
      text-align: center;
      max-width: 95vw;
      }
      .klid{
      margin: 1vh auto;
      display: block;
      background: ;
      right: 50%;
      animation: bia 5s forwards;
      transition: 0.5s;
      border: solid 2px #000;
      padding: 1vh 2vh;
      cursor: pointer;
      text-align: center;
      text-decoration:none;
      color: black;
      width: 80vw;
      max-width: 40vh;
      }
      .klid:hover{
      background: #000;
      color: white;
      }
      .logoklid{
      display:inline-block;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      }
      .QRlogo{
      width: 80vw;
      max-width: 50vh;
      margin: 0 auto;
      display: inline-block;
      animation: bia 5s forwards;
      transition: 0.5s;
      }
      .QRlogoklid{
      margin: 0 auto;
      animation: bia 5s forwards;
      transition: 0.5s;
      padding: 1vh 2vh;
      cursor: pointer;
      top: 50%;
      position: absolute;
      right: 50%;
      translate: 50%-50%;
      }
      .QRlogoklid:hover{
      background: #000;
      color: white;
      }