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

<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G05JM5YC2W"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-G05JM5YC2W');
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>505</title>
    <link rel="stylesheet" href="/main.css">

</head>

<body>
    <div class="cursor">
        <div class="cursor__ball cursor__ball--big ">
          <svg height="30" width="30">
            <circle cx="15" cy="15" r="12" stroke-width="0"></circle>
          </svg>
        </div>
        
        <div class="cursor__ball cursor__ball--small">
          <svg height="10" width="10">
            <circle cx="5" cy="5" r="4" stroke-width="0"></circle>
          </svg>
        </div>
      </div>
    <div class="container">
        <div class="header" style="margin-top: 30%;">404 (error)</div>
        <div class="subheader">Something went wrong.. sorry :( </div>
        <div class="nav-cont">
            <div onclick="window.location='/'" style="margin-right: 0; margin-top: 20px; cursor: pointer;" >back home?</div>
        </div>
    </div>

    <div class="footer">copyright © 505 production 2024</div>
    <script src="main.js"></script>
</body>

</html>
