الاقتصادي العربي

body { padding: 0; font-family: Tajawal, sans-serif; font-weight: 500; background: center center no-repeat url("./assets/covers/cover-origin.png"); background-size: cover; height: 100vh; color: white; position: relative; overflow: hidden; direction: rtl; } body::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.5); } body .container-fluid { /* border: 1px solid silver; */ height: 100%; overflow-x: hidden; overflow-y: auto; padding: 15px; } body .container-fluid .centered-vertically { position: relative; top: 0; max-width: 672px; width: 100%; margin: 0 auto; padding: 10px; /* border: 1px solid silver; */ -webkit-transition-duration: 0.33s; -moz-transition-duration: 0.33s; -o-transition-duration: 0.33s; transition-duration: 0.33s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } @media (min-width: 576px) { body .container-fluid .centered-vertically { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } body .container-fluid .centered-vertically > * { margin: 20px 0; text-align: center !important; } body .container-fluid .centered-vertically a { display: block; color: #fff; } body .container-fluid .centered-vertically * { text-align: center !important; } body .container-fluid .centered-vertically a img { display: block; margin: 20px auto 10px; height: 100%; max-height: 110px; border-radius: 50%; }

حسناً, يجب أن نعترف أن هذه ورطة حقيقية!

يبدو أن متصفحك الذي تريد تصفح موقعنا به لا يدعم Javascript أو أنه أصبح قديماً بما فيه الكفاية. لقد أصبحنا في العقد الثالث من القرن الحادي والعشرين يا رجل!