1  @media screen and (min-width: 40em) {
  2  	.typst-doc {
  3  		margin: 0px !important;
  4  	}
  5  }
  6  
  7  
  8  @media screen and (max-width: 40em) {
  9  	#nav_sup {
 10  		font-size: 0.9em;
 11  	}
 12  }
 13  
 14  .typst-doc {
 15  	margin-bottom: 0px !important;
 16  }
 17  span {
 18    margin-bottom: 0px !important;
 19  }
 20  
 21  body {
 22  	font-family: "Open Sans Hebrew", "Open Sans", sans-serif;
 23  	direction: rtl;
 24  	margin-bottom: 5em;
 25  	/* background: url(/assets/background.webp); */
 26  	/* background-size: cover; */
 27  	/* background-position: center center; */
 28  	/* background-repeat: no-repeat; */
 29  	/* background-attachment: fixed; */
 30  }
 31  
 32  html, body {
 33      max-width: 100%;
 34      overflow-x: hidden;
 35  }
 36  
 37  .paricon {
 38  	position: absolute;
 39  }
 40  
 41  h1 .paricon {
 42  	right: -1.10em;
 43  	margin-top: 0.6ex;
 44  	/* This size is taken from the h2 size, because icons with h1 size go beyond the border */
 45    font-size: 27px;
 46    font-size: 1.6875rem;
 47  }
 48  
 49  h2 .paricon {
 50  	right: -1.25em;
 51  	margin-top: 0.3ex;
 52  }
 53  
 54  h3 .paricon {
 55  	right: -1.25em;
 56  	margin-top: 0.2ex;
 57  }
 58  
 59  h4 .paricon {
 60  	right: -1.3em;
 61  	margin-top: 0.2ex;
 62  }
 63  
 64  p .paricon {
 65  	right: -1.5em;
 66  	margin-top: 0.4ex;
 67  }
 68  
 69  h1, h2, h3, h4, p {
 70  	position: relative;
 71  }
 72  
 73  code {
 74  	font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace; /* Source: https://systemfontstack.com/ */
 75  	padding: initial;
 76  	display: initial;
 77  	direction: ltr;
 78  	unicode-bidi: embed;
 79  }
 80  
 81  a {
 82  	text-underline-offset: 0.1em;
 83  }
 84  
 85  a:hover, a:visited, a:visited:hover, a:active {
 86  	color: unset;
 87  }
 88  
 89  a:active {
 90  	background: #d6ffdf;
 91  }
 92  
 93  ul {
 94    padding-inline-start: 1em;
 95  }
 96  
 97  details > summary {
 98  	cursor: pointer;
 99  }
100  
101  table {
102  	margin-left: 0px;
103  	margin-right: 0px;
104  }
105  
106  th {
107  	font-weight: inherit;
108  }
109  
110  th, td {
111  	vertical-align: top;
112  	text-align: start;
113  }
114  
115  
116  button {
117  	/* width: 75%; */
118  	/* border: 2px solid black; */
119  	border: none;
120    border-radius: 1em;
121  	padding: 1em;
122  	text-align: center;
123  	font-size: 100%;
124  	margin-bottom: 1em;
125  	cursor: pointer;
126  }
127  
128  button:hover {
129     box-shadow: 0.5em 0.5em lightgray;
130  }
131  
132  .avatar {
133  	width: 4em;
134  	/* For some reason this is needed for the Fediverse avatars */
135  	max-width: 4em;
136  	min-width: 4em;
137  	border-radius: 0.5em;
138  	margin-right: 1em;
139  	margin-top: 0.5em;
140  }
141  
142  .plain_link {
143  	text-decoration: none;
144  }
145  
146  header > img {
147  	width: 100%;
148  	border-radius: 0.25em;
149  	box-shadow: 0 0 30px black;
150  }
151  
152  header {
153    margin-top: 104px;
154    margin-top: 6.5rem;
155    margin-bottom: 26px;
156    margin-bottom: 1.625rem;
157  }
158  
159  .directory_table {
160  	width: 100%;
161  	direction: ltr;
162  }
163  
164  .directory_table > tbody > tr > td {
165  	padding-bottom: 1em;
166  }
167  
168  .directory_table a {
169  	text-decoration: none;
170  }
171  
172  .directory_table p {
173  	margin-top: 0;
174  	margin-bottom: 0;
175  }
176  
177  .handle_table {
178  	margin-top: 0;
179  	margin-bottom: 0;
180  	direction: ltr;
181  
182  	width: 100%;
183  	white-space: nowrap;
184  	table-layout: fixed;
185  }
186  
187  .handle_table .icon_column {
188  	width: 2em;
189  }
190  
191  .handle_table .handle_column {
192  	width: 100%;
193  	overflow: hidden;
194  	text-overflow: ellipsis;
195  }