@font-face {
  font-family: 'arabic_kufi';
  src: URL('arabic_kufi.ttf') format('truetype');
}

body {
  background-color: #2A2A2A;
  font-family: 'arabic_kufi';
  border-radius: 10px;
  border: 1px solid #a6a6a6;
  padding-right: 10px; 
  padding-left: 10px; 
}

h4 {
  border-right: 6px solid #808080;
  background-color: #2A2A2A;
  color: #2A2A2A;
  border-radius: 8px;
  font-size: small;
  padding: 8px; 
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(217, 217, 217));
}

h6 {
  border-right: 6px solid #808080;
  background-color: #2A2A2A;
  color: #2A2A2A;
  border-radius: 8px;
  font-size: x-small;
  padding: 8px; 
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(217, 217, 217));
}

p {
  color: #F9F9F9;
  padding: 10px;
  font-size: medium;
}

.responsive_image {
  width: 95%;
  max-width: 380px;
  height: auto;
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.responsive_image_avatar {
  width: 75%;
  max-width: 225px;
  max-height: 350px;
  height: auto;
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.responsive_video {
  width: 95%;
  max-width: 380px;
  height: auto;
  min-height: 240px;
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}