<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>420.info - Under Construction</title>
    <link rel="icon" type="image/png" href="/public_html/420.info/Images/420 Main/420 info Favs Icon.png">
	<style>
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        body {
            background: linear-gradient(135deg, #0a1f1a, #1b3d2f, #2a6645, #388f5b);
            height: 100vh;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif;
        }

        .container {
            text-align: center;
            color: lightgrey;
        }

        h1 {
            font-size: 72px;
            color: limegreen;
            text-shadow: 2px 2px 4px #000000;
            margin: 0;
        }

        .weed-leaf {
            font-size: 72px;
            color: limegreen;
            animation: spin 10s linear infinite;
            display: inline-block;
            margin: 15px 0;
        }

        p {
            font-size: 18px;
            margin: 15px 0;
        }

        .counter {
            font-size: 24px;
            color: #FFCC00;
            margin-top: 15px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>420.info</h1>
        <div class="weed-leaf">🍃</div>
        <p>We're blazing a trail to bring you the dankest info about pot!<br>
        This site is currently under construction—check back soon for the full scoop.</p>
        <div class="counter">Est. Launch: 04/20/2025</div>
    </div>
</body>
</html>