/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai&family=Cairo&display=swap');

@font-face {
  font-family: h1;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440143/Dubai%20Font/DubaiW23-Bold_a7gptn.ttf);
}

@font-face {
  font-family: h2;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440143/Dubai%20Font/DubaiW23-Bold_a7gptn.ttf);
}

@font-face {
  font-family: h3;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440143/Dubai%20Font/DubaiW23-Bold_a7gptn.ttf);
}

@font-face {
  font-family: h4;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440149/Dubai%20Font/DubaiW23-Medium_yq2fov.ttf);
}

@font-face {
  font-family: href;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440149/Dubai%20Font/DubaiW23-Regular_cbobai.ttf);
}

@font-face {
  font-family: p;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440149/Dubai%20Font/DubaiW23-Regular_cbobai.ttf);
}

@font-face {
  font-family: light;
  src: url(https://res.cloudinary.com/linguist-page/raw/upload/v1628440148/Dubai%20Font/DubaiW23-Light_itp8tr.ttf);
}

*{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    
}

h1{
font-family: h1;
}

h2{
font-family: h2;
}

h3{
font-family: h3;
}

h4{
font-family: h4;
}

a{
font-family: href;
text-decoration: none;
}

p{
font-family: p;
}
.tag{
font-family: p;
}
table {
font-family: p;
}

code{
font-family: p !important;
}

ol{
font-family: p !important;
}

li{
font-family: p !important;
}


blockquote{
background: #f5f6f8;
color: #000000;
font-family: light;
direction: rtl !important;
text-align: right !important;
border-left: 1px solid #f9f9f9;}



/*table*/
--table-background-color: #000000;
--table-background-color-odd: #000000;
--table-border-color: #000000;
--table-thead-background-color: #000000;
--table-hover-raw-color: #f5f6f8;
--table-hover-color: #c7254e;
--table-hover-thead-color: #cde8ff;

background: #f5f6f8;


/*table from https://snippets.cacher.io/snippet/018387c872dc39277996 by eluotao*/



table {
  table-layout: auto !important;
  width: unset !important;
  max-width: 100%;

  /* for centered tables, add the following */
  margin-left: auto;
  margin-right: auto;
}

.markdown-preview-view table{
width: 100% !important;

}
tbody>tr:nth-child(odd) {

}
 
tbody > tr {
  background-color: transparent;
}
 
.markdown-preview-view th,
.markdown-preview-view td{
  padding: 4px 20px;
  border: 1px solid #7d7d7d;
}

.markdown-preview-view thead {
background: #f5f6f8;
	color: #c7254e;
  font-weight: bold;
}

/*table hover*/
.markdown-preview-view td:hover{
  background-color: #f5f6f8;
}

/*table raw hover*/
.markdown-preview-view tr:hover{
  background-color: #f5f6f8;
}

.markdown-preview-view th:hover{
  background-color: #f5f6f8;
}

.HyperMD-table-row.CodeMirror-line {
  word-wrap: break-word !important;
  word-break: break-word !important;
  white-space: break-spaces !important;
}

.tag {

background: #f5f6f8;
color: #c7254e;
font-size: 11pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 1pt;
padding-bottom: 1pt;
border-radius: 5px;
border: 0px solid #262626;
text-decoration: none;
margin-top: 1pt;
margin-bottom: 1pt;
}

.tag:hover {

background: #f5f6f8;
font-weight: bold;
color: #c7254e;
font-size: 11pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 1pt;
padding-bottom: 1pt;
border-radius: 5px;
border: 0px solid #262626;
text-decoration: none;
margin-top: 2px;
margin-bottom: 2px;
}


.tag[href="#Español"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#Español"]:before {
  
  color: black;
  content: "🇪🇸 ";


}

.tag[href="#Español"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}

.tag[href="#Deutsche"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

text-decoration: none;

}

.tag[href="#Deutsche"]:before {
  
  color: black;
  content: "🇩🇪 ";



}

.tag[href="#Deutsche"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}

.tag[href="#عربي"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#عربي"]:before {
  
  color: black;
  content: "🇪🇬 ";
}
.tag[href="#عربي"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}

.tag[href="#Regex"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#Regex"]:before {
  
  color: black;
  content: "🤖 ";

}
.tag[href="#Regex"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}

.tag[href="#English"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#English"]:before {
  
  color: black;
  content: "🇺🇸 ";
}
.tag[href="#English"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}


.tag[href="#Nederlands"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#Nederlands"]:before {
  
  color: black;
  content: "🇳🇱 ";
}
.tag[href="#Nederlands"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}

.tag[href="#Française"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#Française"]:before {
  
  color: black;
  content: "🇫🇷 ";
}
.tag[href="#Française"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}



.tag[href="#Python"]{

background: #f5f6f8;
color: #c7254e;

padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;

}

.tag[href="#Python"]:before {
  
  color: black;
  content: "🐍 ";
}
.tag[href="#Python"]:hover{

background: #f5f6f8;
color: #c7254e;

font-size: 9pt;
padding-right: 5pt;
padding-left: 5pt;
padding-top: 2pt;
padding-bottom: 2pt;

border: 0px solid #262626;
text-decoration: none;
}

.graph-view-container {
height: 500px !important;
}