@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');
*{
  box-sizing:border-box;
}
body{
  font-family:'Almarai';
  font-size:14px;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
.outer-wrapper{
  display:block;
  width:100%;
  height:100%;
  background-color:#f9f9f9;
}
.inner-wrapper{
  display:block;
  width:100%;
  max-width:1000px;
  padding:15px;
  background-color:#fff;
  height:100%;
  min-height:1000px;
  margin:0 auto;
  box-shadow:0 0 5px #aaa;
}
.dark .outer-wrapper{
  background-color:#333;
}
.dark .inner-wrapper{
  background-color:#111;
  color:#fff;
}
#darklightbtn{
  display:flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  width:40px;
  height:40px;
  background-color:#00a;
  bottom:10px;
  right:10px;
  border-radius:100%;
  border:0;
  box-shadow:0 0 5px #aaa;
}
#darklightbtn:after{
  content:"";
  width:20px;
  height:20px;
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-moon' viewBox='0 0 16 16'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3E%3C/svg%3E");
}
.dark #darklightbtn:after{
  background:no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-sun' viewBox='0 0 16 16'%3E%3Cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z'/%3E%3C/svg%3E");
}
@font-face{font-family:ticfont;src:url("https://cdn.jsdelivr.net/gh/hamianemohssine/7amian@master/font-icons/Five-News-Ticker.woff2")}.tic2 *{box-sizing:border-box;transition:unset}.tic2,.tic2-rail{gap:10px;width:100%}:root{--tic2-color:#00af00}@keyframes SoToTop{0%{transform:translateY(0)}100%{transform:translateY(40px)}}@keyframes SoToDown{0%{transform:translateY(0)}100%{transform:translateY(-40px)}}@keyframes TopToSo{0%{transform:translateY(-40px)}100%{transform:translateY(0)}}@keyframes DownToSo{0%{transform:translateY(40px)}100%{transform:translateY(0)}}.tic2{display:flex;flex-direction:row;border:solid 2px var(--tic2-color);height:40px;overflow:hidden;border-radius:5px;box-shadow:0 0 3px #aaa;direction:rtl;box-sizing:border-box}.tic2-line,.tic2-rail,.tic2-title,.tic2-trailer,.tic2-train{height:100%;display:flex}.tic2-title{align-items:center;background-color:var(--tic2-color);color:#fff;padding:0 10px;flex-shrink:0;position:relative}.tic2-tdown,.tic2-trailer a:hover,.tic2-ttop{color:var(--tic2-color)}.tic2-title:before{content:"\e918";font-family:ticfont;margin-left:5px;font-size:20px}.tic2-title:after{content:"";display:inline-block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:solid 10px var(--tic2-color);position:absolute;left:0;margin-left:-10px}.tic2-train{flex-direction:column;justify-content:center;position:relative;width:100%;flex-shrink:1}.tic2-trailer{flex-direction:column;justify-content:center;position:absolute;top:0;right:15px;width:100%;visibility:hidden;opacity:0;transition:.4s}.tic2-trailer.runit{visibility:visible;opacity:1}.tic2-trailer a{display:block;text-decoration:none;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.25s;padding:2px 0}.tic2-trailer a:before{content:"\f0f6";font-family:ticfont;margin-left:5px}.tic2-line{flex-direction:row;align-items:center;gap:5px;flex-shrink:0;padding:0 7px}.tic2-tdown,.tic2-ttop{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:solid 1px var(--tic2-color);text-decoration:none;border-radius:3px}.tic2-tdown:after,.tic2-ttop:after{content:"\f104";font-family:ticfont;font-size:18px;font-weight:400}.tic2-ttop:after{content:"\f105"}.xtotop{animation:.5s SoToTop}.xtodown{animation:.5s SoToDown}.xfromtop{animation:.5s TopToSo}.xfromdown{animation:.5s DownToSo}.tic2-loader{width:20px;height:20px;border-radius:100%;border:solid 2px var(--tic2-color);border-bottom-color:transparent;border-right-color:transparent;animation:.7s linear infinite anloading;margin-right:10px}@keyframes anloading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}