body { background-color: white; }
h1 { color: rgb(142, 131, 131);
background-color: white; }
a:link { color: green }
a:visited { color: #660099; }
a:active { background-color: #FFFF00; }
a:hover { color: orange; font-style: italic; }


.container {
   display: flex;
   align-items: flex-start; /* لضبط المحاذاة الرأسية */
 }
 
 .image {
   margin-right: 20px; /* المسافة بين الصورة والفيديوهات */
 }
 
 .image img {
   width: 300px; /* عرض الصورة */
   height: auto; /* الحفاظ على النسب */
 }
 
 .videos {
   display: flex;
   flex-direction: column; /* لعرض الفيديوهات بشكل عمودي */
   gap: 10px; /* المسافة بين الفيديوهات */
 }
 
 video {
   width: 100%; /* عرض الفيديوهات بنسبة 100% داخل حاويتها */
   max-width: 300px; /* تعيين الحد الأقصى لعرض الفيديوهات */
 }
 .trs{
  color: aquamarine;
 }

 .test{
  color: aquamarine;
 }
 h2{
  text-align: center;
  background-color: rgb(170, 170, 209);
 }
 a{
  text-align: center;
 }
  nav
  .news {
    background: white;
    position: absolute;
  }