Untitled

<STYLE type=text/css>
body {
	background-color: transparent;
	color: #FFFFFF;
}
</STYLE>
</head>
<body>
<center>
<style>
 @font-face {
 font-family: 'ArabicFont';
 font-display: swap;
 src: url(https://blackeu.github.io/xat/Tajawal-Medium.woff2) format('woff2');
 font-weight: normal;
 }

 @font-face {
 font-family: 'ArabicFont';
 font-display: swap;
 src: url(https://blackeu.github.io/xat/Tajawal-Bold.woff2) format('woff2');
 font-weight: bold
 }

 p {
 margin: 0
 }

 * {
 box-sizing: border-box;
 font-family: 'ArabicFont', segoe UI, Tahoma, sans-serif;
 }

 #rules {
 direction: rtl;
 margin: 0 auto;
 font-family: segoe UI, Tahoma, sans-serif;
 text-align: right;
 max-width: 800px;
 }

 .rules[open] {
 margin-bottom: 50px;
 }

 .rules-head {
 font-size: 24px;
 text-align: center;
 color: #FFF;
 border-radius: 100px;
 border: 0px solid #FFF;
 padding: 10px;
 width: 170px;
 position: relative;
 margin: 0 auto 20px;
 }

 .rules-head:before,
 .rules-head:after {
 content: '';
 height: 5px;
 width: 35px;
 position: absolute;
 top: 20px;
 border-bottom: 9px dotted #ffffff;
 }

 .rules-head:before {
 left: 100%;
 }

 .rules-head:after {
 right: 100%;
 }

 .rules ol {
 list-style: none;
 margin: 0;
 padding: 0;
 counter-increment: rules -0;
 counter-reset: rules;
 }

 .rules li {
 margin: 0 0 5px 0;
 padding: 10px;
 font-size: 14px;
 border-radius: 1px;
 position: relative;
 counter-increment: rules;
 display: flex;
 align-items: center;
 box-shadow: 0 4px 12px rgb(0 0 0 / 50%);
 cursor: default;
 }

 .rules li:before {
 content: counter(rules);
 top: 10px;
 right: -20px;
 min-width: 20px;
 min-height: 20px;
 border-radius: 2px;
 font-size: 11px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-left: 10px;
 font-family: monospace;
 }

 .m-rules li {
 background-color: #d8dcec;
 border-right: 5px solid #5a7cff;
 color: #2b324a;
 }

 .m-rules li:before {
 background-color: #3153d6;
 color: #FFF;
 }

 .rules summary {
 text-align: center;
 font-size: 14px;
 margin: 0;
 padding: 15px;
 margin-bottom: 10px;
 outline: none;
 cursor: pointer;
 user-select: none;
 font-weight: 700;
 border-radius: 2px;
 color: #FFF
 }

 .m-rules summary {
 background: linear-gradient(45deg, #3153d6, #5a7cff);
 }

 .rules li:hover {
 background-color: #FFF;
 }
</style>
<div id="rules">
 <details class="rules m-rules" open="">
 <summary>قوانين عامة</summary>
 <ol>
 <li>اللغة العربية فقط مسموح بها (يمكن كتابة العربي بالفرانكو) و يسمح لبعض اللهجات واللغات الاخرى احيانا في
 حدود المعقول.</li>
 <li>الايموشنات عام 3 فقط احتراما لبعض الأشخاص أصحاب النت الضعيف</li>
 <li>تفاديا لازعاج الآخرين محبي الغناء بالكتابة يغنو في اي روم فاضي وليس على العام لتفادي الطرد اذا سمحتو.
 </li>
 <li>
 <p><u>مهم جدًا:</u> في حالة الطرد ممنوع فك البند بطرق غير مشروعة و طلب سبب الباند من الادارة يمكنك
 اللجوء الى الماين اونر في حالة طردك ظلما فقط وشكرا</p>
 </li>
 <li>ممنوع السب والشتم بصفة نهائية على أي شخص أو بلد أو أي ديانة ... على الشات الكتابي او الصوتي.</li>
 <li>اليوتيوب والبرنتات وروابط الصور مسموح بيها في حدود المعقول وتكون داخل إطار الاحترام لجميع الأشخاص
 والديانات و الأعراف و المجتمعات والبلدان.</li>
 <li>يجب احترام ثلاث سطور في الكلام لكل عضو واجب ولضمان التفاعل.</li>
 <li>أي شخص هيغلط في الصوتي هيطرد في الصوتي وفي الشات الكتابي ومش هيرجع غير بعد الاعتذار.</li>
 <li>الأولوية للنقاشات الهادفة و المسابقات على الصوتي اي مواضيع تانية يجب تأجيلها في اوقات المسابقات.</li>
 <li>يمنع منعا كليا الهزار والمزح التقيل اللي بيجيب مشاكل خصوصا مع ناس متعرفش بعضها والا يتم الطرد للاستفزاز.
 </li>
 <li>أي مشكلة بين أي أتنين ممنوع يتكلموا فيها عام، فيه خاص يقدروا يتناقشوا فيه أو يطلبوا من الأونر يتدخل في
 حدود المعقول في اي غرفة فاضية.</li>
 <li>ممنوع الاعلان و الكتابة أو التحدث&nbsp; عن أي شات آخر او موقع سواء بالشر أو بالخير على العام</li>
 <li>على الجيست تغيير اسمه والتسجيل بريجستر لضمان تفاعله على الدردشة.</li>
 </ol>
 </details>
</div>
</center>