/* Modern reset */
        * { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            background-color: rgb(255, 205, 232);
            font-family: 'Comic Sans MS', monospace,cursive, sans-serif;
            line-height: 1.6;
            color: #000080;
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
        }

        /* Warning Section */
        .warning-section {
            text-align: center;
            /*! background: #c83838; */
            /*! color: white; */
            padding: 20px;
            /*! border: 5px solid #3B5E81; */
            /*! margin-bottom: 30px; */
            transform: skewY(-1deg);
        }

        @keyframes pulse {
            0% { transform: skewY(-0deg) scale(1); }
            50% { transform: skewY(-1deg) scale(1.05); }
            100% { transform: skewY(-2deg) scale(1); }
        }

        /* Navigation Menu */
        .nav-menu {
            background: linear-gradient(to right, rgb(255, 106, 255), #6DF3FF);
            padding: 15px;
            border: 3px solid black;
            margin-bottom: 20px;
            text-align: center;          
        }

        .nav-menu ul {
            list-style: none;
        }

        .nav-menu li {
            display: inline-block;
            margin-right: 20px;
        }

        .nav-link {
            color: black;
            text-decoration: none;
            padding: 5px 15px;
            background: white;
            border: 2px solid black;
            transform: skewY(-2deg);
            transition: all 0.3s ease;
        }

        .nav-link:hover {
            background: rgb(255, 205, 232);
            transform: scale(1.1) skewY(-8deg);
        }

        /* Header Text */
        .header-text {
            text-align: center;
            font-size: 48px;
            text-shadow: 2px 2px #FF69B4;
            transform: skewY(-2deg);
            margin-bottom: 20px;
        }

        /* Animated GIF Handling */
        .animated-gif {
            display: none;
        }

        @media (prefers-reduced-motion: no-preference) {
            .animated-gif {
                display: block;
                width: 100%;
                height: auto;
            }
        }

        /* Content Section */
        .content {
            background: white;
            padding: 20px;
            border: 2px dashed #FF00FF;
            margin-top: 20px;
        }

        /* Construction Notice */
        .construction {
            color: red;
            font-style: italic;
            text-align: center;
            margin-top: 20px;
        }
 /* Previous styles remain unchanged */

        /* Blog Posts Section */
        .blog-posts {
            background: #FFFACD;
            padding: 20px;
            border: 3px double #FF69B4;
            margin-top: 20px;
        }

        .post {
            background: white;
            padding: 15px;
            border: 2px solid #FF00FF;
            margin-bottom: 15px;
            transform: skewY(-2deg);
        }

        .post-title {
            color: #000080;
            font-size: 24px;
            margin-bottom: 10px;
            text-shadow: 2px 2px #FF69B4;
        }

        .post-date {
            color: #808080;
            font-style: italic;
            margin-bottom: 1rem;
            min-width: 100%;
            background: #FFFACD;
        }

        .post-content {
            margin-bottom: 10px;
        }

        /* Links Collection */
        .links-collection {
            background: #D1C3EC;
            padding: 20px;
            border: 3px ridge #9370DB;
            margin-top: 20px;
        }

        .category-title {
            color: #4B0082;
            font-size: 24px;
            margin-bottom: 15px;
            text-shadow: 2px 2px #FF69B4;
        }

        .links-list {
            margin-bottom: 20px;
        }

        .links-list ul {
            list-style-type: none;
            padding-left: 20px;
        }

        .links-list li {
            margin-bottom: 10px;
        }

        .external-link {
            color: #000080;
            text-decoration: none;
            background: white;
            padding: 5px 10px;
            border: 1px solid #9370DB;
            transform: skewY(-2deg);
            transition: all 0.3s ease;
        }

        .external-link:hover {
            background: #FFB6C1;
            transform: scale(1.05) skewY(-2deg);
        }