html {
    --primary: #ffffff;
    --secondary: #000000;
}
html.dark-theme {
    --primary: #121212;
    --secondary: #ffffff;
}

@media (prefers-color-scheme: dark) {
    html {
        --primary: #121212;
        --secondary: #ffffff;
    }

    html.light-theme {
        --primary: #ffffff;
        --secondary: #000000;
    }
}

*{

  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

html{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-style: normal;
    font-weight: 200;
	background-color: var(--primary);
    color: var(--secondary);
    font-family: sans-serif;
}

a{
    color: #5081FF;
    text-decoration: none;
}

.error{
	display: grid;
    height: 100%;
}

.tocBlock{
	display: inline-grid;
	height: 1vh;
	float:left;
	grid-template-columns: auto 5fr;
}


.tocBlock>img{
    max-width: 100%;
    max-height: 100vh;
    margin-right: auto;
	float: left;
}
.errorText{
	margin-left: 3%;
/*	display: grid;*/
/*	float: right;*/
}