body {
  background-color: #200492;
  color: blue;
  background-image : url("images/download (5).gif");
  background-size: cover;          /* تجعل الصورة تغطي المساحة بالكامل */
    background-repeat: no-repeat;    /* تمنع تكرار الصورة */
    background-position: center;     /* تجعل الصورة في المنتصف */
    background-attachment: fixed;    /* تثبت الصورة عند التمرير */
}
/* تنسيق عام لكل الأقسام لتظهر كأنها تطفو في الفراغ */
header, nav, main, footer {
    background: rgba(0, 0, 40, 0.4); /* لون أزرق داكن شفاف */
    border: 1px solid rgba(255, 255, 255, 0.2); /* إطار خفيف جداً */
    margin: 10px;
    padding: 15px;
    color: white;
    border-radius: 8px; /* زوايا منحنية تعطي مظهراً عصرياً */
}

/* تنسيق الحاوية */
.container {
    display: flex;
}

/* تنسيق الروابط داخل القائمة الجانبية */
nav a {
    display: block;
    color: #aaccff;
    text-decoration: none;
    margin-bottom: 10px;
}