@media screen and (min-width: 40em) {
	.typst-doc {
		margin: 0px !important;
	}
}


@media screen and (max-width: 40em) {
	#nav_sup {
		font-size: 0.9em;
	}
}

.typst-doc {
	margin-bottom: 0px !important;
}
span {
  margin-bottom: 0px !important;
}

body {
	font-family: "Open Sans Hebrew", "Open Sans", sans-serif;
	direction: rtl;
	margin-bottom: 5em;
	/* background: url(/assets/background.webp); */
	/* background-size: cover; */
	/* background-position: center center; */
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.paricon {
	position: absolute;
}

h1 .paricon {
	right: -1.10em;
	margin-top: 0.6ex;
	/* This size is taken from the h2 size, because icons with h1 size go beyond the border */
  font-size: 27px;
  font-size: 1.6875rem;
}

h2 .paricon {
	right: -1.25em;
	margin-top: 0.3ex;
}

h3 .paricon {
	right: -1.25em;
	margin-top: 0.2ex;
}

h4 .paricon {
	right: -1.3em;
	margin-top: 0.2ex;
}

p .paricon {
	right: -1.5em;
	margin-top: 0.4ex;
}

h1, h2, h3, h4, p {
	position: relative;
}

code {
	font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace; /* Source: https://systemfontstack.com/ */
	padding: initial;
	display: initial;
	direction: ltr;
	unicode-bidi: embed;
}

a {
	text-underline-offset: 0.1em;
}

a:hover, a:visited, a:visited:hover, a:active {
	color: unset;
}

a:active {
	background: #d6ffdf;
}

ul {
  padding-inline-start: 1em;
}

details > summary {
	cursor: pointer;
}

table {
	margin-left: 0px;
	margin-right: 0px;
}

th {
	font-weight: inherit;
}

th, td {
	vertical-align: top;
	text-align: start;
}


button {
	/* width: 75%; */
	/* border: 2px solid black; */
	border: none;
  border-radius: 1em;
	padding: 1em;
	text-align: center;
	font-size: 100%;
	margin-bottom: 1em;
	cursor: pointer;
}

button:hover {
   box-shadow: 0.5em 0.5em lightgray;
}

.avatar {
	width: 4em;
	/* For some reason this is needed for the Fediverse avatars */
	max-width: 4em;
	min-width: 4em;
	border-radius: 0.5em;
	margin-right: 1em;
	margin-top: 0.5em;
}

.plain_link {
	text-decoration: none;
}

header > img {
	width: 100%;
	border-radius: 0.25em;
	box-shadow: 0 0 30px black;
}

header {
  margin-top: 104px;
  margin-top: 6.5rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.directory_table {
	width: 100%;
	direction: ltr;
}

.directory_table > tbody > tr > td {
	padding-bottom: 1em;
}

.directory_table a {
	text-decoration: none;
}

.directory_table p {
	margin-top: 0;
	margin-bottom: 0;
}

.handle_table {
	margin-top: 0;
	margin-bottom: 0;
	direction: ltr;

	width: 100%;
	white-space: nowrap;
	table-layout: fixed;
}

.handle_table .icon_column {
	width: 2em;
}

.handle_table .handle_column {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}