@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne-buch.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
:root{
	--background:#FEAEAEA;
	--text-primary:#090909;
	--text-secondary:#5E5E5E;
	--divider: rgba(51, 51, 51, 0.10);
}

@media (prefers-color-scheme: dark) {
  :root{
		--background:#080808;
		--text-primary:#F5F5F5;
		--text-secondary:#6B6B6B;
		--divider: rgba(248, 248, 248, 0.10);
	}
}

html, body {
    font-family: 'Soehne', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    touch-action: manipulation; /* Prevent pinch gestures */
    overscroll-behavior: none; /* Prevent overscroll effects */
}

/* unvisited link */
a:link {
    color: var(--text);
}

/* visited link */
a:visited {
    color: var(--text);
}

/* mouse over link */
a:hover {
    color: var(--text);
}

/* selected link */
a:active {
    color: var(--text);
}

p{
	margin: 0;
	padding: 0;
}

#container{
	max-width: 500px;
    margin: 40px;
}

.text-secondary{
	color: var(--text-secondary);
}

.paragraph{
	margin: 0px 0px 18px 0px;
}

.download{
	display: flex;
	justify-content: space-between;
    margin: 30px 0px 30px 0px;
}

.divider {
    width: 100%; /* Full width of the container */
    height: 1px;
    margin: 30px 0px 30px 0px;
    background-image: repeating-linear-gradient(
        to right,
        var(--text-secondary), /* Color of the dash */
        var(--text-secondary) 7px, /* Length of the dash */
        transparent 7px,
        transparent 10px /* Length of the gap */
    );
}