<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Arkis</title>
</head>

<body>


  <div id="logo">
    <div id="corners-container">
      <div id="corners-anim-container-1"><div id="corners-anim-container-2">
        <div id="corners">
          <div class="row">
            <div class="corner top left"><div></div></div>
            <div class="corner top right"><div></div></div>
          </div>
          <div class="row">
            <div class="corner bottom left"><div></div></div>
            <div class="corner bottom right"><div></div></div>
          </div>
        </div>
      </div></div>
    </div>

    <div class="letter-main">A</div>
  </div>


  <script src="build/home.js"></script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Arkis</title>
</head>

<body ontouchstart="">


  <div id="logo">
    <div id="corners-container">
      <div id="corners-anim-container-1"><div id="corners-anim-container-2">
        <div id="corners">
          <div class="row">
            <div class="corner top left"><div></div></div>
            <div class="corner top right"><div></div></div>
          </div>
          <div class="row">
            <div class="corner bottom left"><div></div></div>
            <div class="corner bottom right"><div></div></div>
          </div>
        </div>
      </div></div>
    </div>

    <div class="letter-main">A</div>
  </div>


  <script src="build/home.js"></script>
</body>

</html>

Enable :hover and :active for iOS
Enable :hover and :active for iOS
