{\rtf1\ansi\ansicpg1252\cocoartf2865
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset0 Menlo-Regular;\f1\fnil\fcharset0 Menlo-Italic;}
{\colortbl;\red255\green255\blue255;\red66\green147\blue62;\red249\green249\blue249;\red42\green44\blue51;
\red219\green63\blue57;\red143\green144\blue150;\red50\green94\blue238;\red167\green87\blue5;}
{\*\expandedcolortbl;;\cssrgb\c31373\c63137\c30980;\cssrgb\c98039\c98039\c98039;\cssrgb\c21961\c22745\c25882;
\cssrgb\c89412\c33725\c28627;\cssrgb\c62745\c63137\c65490;\cssrgb\c25098\c47059\c94902;\cssrgb\c71765\c41961\c392;}
\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\deftab720
\pard\pardeftab720\partightenfactor0

\f0\fs26 \cf2 \cb3 \expnd0\expndtw0\kerning0
*\cf4  \{\
    \cf5 margin\cf4 : 0;\
    \cf5 padding\cf4 : 0;\
    \cf5 box-sizing\cf4 : border-box;\
\}\
\
\pard\pardeftab720\partightenfactor0

\f1\i \cf6 /* Body styling */
\f0\i0 \cf4 \
\pard\pardeftab720\partightenfactor0
\cf2 body\cf4  \{\
    \cf5 font-family\cf4 : Arial, sans-serif;\
    \cf5 line-height\cf4 : 1.6;\
    \cf5 color\cf4 : #333;\
    \cf5 background-color\cf4 : #f4f4f4;\
\}\
\
\pard\pardeftab720\partightenfactor0

\f1\i \cf6 /* Header styling */
\f0\i0 \cf4 \
\pard\pardeftab720\partightenfactor0
\cf2 header\cf4  \{\
    \cf5 background-color\cf4 : #2c3e50;\
    \cf5 color\cf4 : #fff;\
    \cf5 text-align\cf4 : center;\
    \cf5 padding\cf4 : 2rem;\
\}\
\
\cf2 header h1\cf4  \{\
    \cf5 font-size\cf4 : 2.5rem;\
    \cf5 margin-bottom\cf4 : 1rem;\
\}\
\
\cf2 header p\cf4  \{\
    \cf5 font-size\cf4 : 1.1rem;\
\}\
\
\pard\pardeftab720\partightenfactor0

\f1\i \cf6 /* Main content styling */
\f0\i0 \cf4 \
\pard\pardeftab720\partightenfactor0
\cf2 main\cf4  \{\
    \cf5 max-width\cf4 : 800px;\
    \cf5 margin\cf4 : 2rem auto;\
    \cf5 padding\cf4 : 0 1rem;\
\}\
\
\cf2 .file-links h2\cf4  \{\
    \cf5 font-size\cf4 : 1.8rem;\
    \cf5 margin-bottom\cf4 : 1rem;\
    \cf5 color\cf4 : #2c3e50;\
\}\
\
\cf2 .file-links ul\cf4  \{\
    \cf5 list-style\cf4 : none;\
\}\
\
\cf2 .file-links li\cf4  \{\
    \cf5 background-color\cf4 : #fff;\
    \cf5 padding\cf4 : 1rem;\
    \cf5 margin-bottom\cf4 : 1rem;\
    \cf5 border-radius\cf4 : 5px;\
    \cf5 box-shadow\cf4 : 0 2px 5px \cf7 rgba\cf4 (0, 0, 0, 0.1);\
\}\
\
\cf2 .file-links a\cf4  \{\
    \cf5 font-size\cf4 : 1.2rem;\
    \cf5 color\cf4 : #2980b9;\
    \cf5 text-decoration\cf4 : none;\
    \cf5 font-weight\cf4 : bold;\
\}\
\
\cf2 .file-links a:hover\cf4  \{\
    \cf5 color\cf4 : #3498db;\
    \cf5 text-decoration\cf4 : underline;\
\}\
\
\cf2 .file-links p\cf4  \{\
    \cf5 font-size\cf4 : 1rem;\
    \cf5 color\cf4 : #666;\
    \cf5 margin-top\cf4 : 0.5rem;\
\}\
\
\pard\pardeftab720\partightenfactor0

\f1\i \cf6 /* Footer styling */
\f0\i0 \cf4 \
\pard\pardeftab720\partightenfactor0
\cf2 footer\cf4  \{\
    \cf5 text-align\cf4 : center;\
    \cf5 padding\cf4 : 1rem;\
    \cf5 background-color\cf4 : #2c3e50;\
    \cf5 color\cf4 : #fff;\
    \cf5 position\cf4 : relative;\
    \cf5 bottom\cf4 : 0;\
    \cf5 width\cf4 : 100%;\
\}\
\
\pard\pardeftab720\partightenfactor0

\f1\i \cf6 /* Responsive design */
\f0\i0 \cf4 \
\pard\pardeftab720\partightenfactor0
\cf8 @media \cf4 (\cf5 max-width\cf4 :\cf8  600px\cf4 ) \{\
    \cf2 header h1\cf4  \{\
        \cf5 font-size\cf4 : 2rem;\
    \}\
\
    \cf2 header p\cf4  \{\
        \cf5 font-size\cf4 : 1rem;\
    \}\
\
    \cf2 .file-links h2\cf4  \{\
        \cf5 font-size\cf4 : 1.5rem;\
    \}\
\
    \cf2 .file-links a\cf4  \{\
        \cf5 font-size\cf4 : 1.1rem;\
    \}\
\}}