<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Androidenheter.se upphör</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Jost:wght@200;300&display=swap" rel="stylesheet" />
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  </style>
</head>
<body style="
  min-height: 100vh;
  background-color: #f5f0eb;
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(210, 195, 175, 0.45) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 80%, rgba(195, 185, 170, 0.3) 0%, transparent 50%),
    url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'200\' height=\'200\'><filter id=\'n\'><feTurbulence type=\'fractalNoise\' baseFrequency=\'0.75\' numOctaves=\'4\' stitchTiles=\'stitch\'/><feColorMatrix type=\'saturate\' values=\'0\'/></filter><rect width=\'200\' height=\'200\' filter=\'url(%23n)\' opacity=\'0.035\'/></svg>');
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Jost', sans-serif;
">

  <!-- Decorative corner marks -->
  <span style="position:fixed;top:28px;left:32px;width:38px;height:38px;border-top:1px solid rgba(160,140,120,0.5);border-left:1px solid rgba(160,140,120,0.5);"></span>
  <span style="position:fixed;top:28px;right:32px;width:38px;height:38px;border-top:1px solid rgba(160,140,120,0.5);border-right:1px solid rgba(160,140,120,0.5);"></span>
  <span style="position:fixed;bottom:28px;left:32px;width:38px;height:38px;border-bottom:1px solid rgba(160,140,120,0.5);border-left:1px solid rgba(160,140,120,0.5);"></span>
  <span style="position:fixed;bottom:28px;right:32px;width:38px;height:38px;border-bottom:1px solid rgba(160,140,120,0.5);border-right:1px solid rgba(160,140,120,0.5);"></span>

  <!-- Main box -->
  <div style="
    width: min(540px, 88vw);
    background: rgba(253, 250, 246, 0.72);
    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    border: 1px solid rgba(210, 198, 182, 0.7);
    border-radius: 2px;
    padding: 56px 52px 52px;
    box-shadow:
      0 2px 4px rgba(140, 120, 100, 0.06),
      0 8px 24px rgba(140, 120, 100, 0.1),
      0 32px 64px rgba(140, 120, 100, 0.12),
      inset 0 1px 0 rgba(255,255,255,0.9);
    position: relative;
  ">

    <!-- Inner top rule -->
    <div style="
      position: absolute;
      top: 22px; left: 22px; right: 22px;
      height: 1px;
      background: linear-gradient(to right, transparent, rgba(190,175,155,0.5), transparent);
    "></div>
    
    <!-- Headline -->
    <h1 style="
      font-family: 'Cormorant Garamond', serif;
      font-weight: 300;
      font-size: clamp(36px, 6vw, 52px);
      line-height: 1.08;
      color: #3a3228;
      letter-spacing: -0.01em;
      margin-bottom: 6px;
    ">Androidenheter.se <em style="font-style:italic;color:#7a6a58;">upphör</em></h1>

    <!-- Thin divider -->
    <div style="
      width: 40px;
      height: 1px;
      background: rgba(160,140,115,0.6);
      margin: 20px 0;
    "></div>

    <!-- Body copy -->
    <p style="font-family: 'Jost', sans-serif;font-weight: 300;font-size: 15px;line-height: 1.75;color: rgba(80, 68, 55, 0.75);letter-spacing: 0.02em;max-width: 380px;text-align:left;">
	Androidenheter.se har lagts ned på grund av tidsbrist och för att bättre kunna fokusera på andra projekt. Alla konton har raderats permanent. Stort tack till alla som besökt och haft användning av sidan genom åren!</p>

	 <br/>
	<img src="tackochhejda.webp" style="max-width: 100%; height: auto;border-radius:15px;">

    </div>

    <!-- Inner bottom rule -->
    <div style="
      position: absolute;
      bottom: 22px; left: 22px; right: 22px;
      height: 1px;
      background: linear-gradient(to right, transparent, rgba(190,175,155,0.5), transparent);
    "></div>

  </div>

</body>
</html>
