/* CSS Document, Main style */
body {
		--color_nadpis: #cfcf98;
		--color_background: #101010;
		--color_gradient_middle: #453e34;
		--color_gradient_sides: #110e0c;
		width: 100%;
		max-width: 800px;
		margin: auto; /*center website*/
		background: var(--color_background);
		font-family: Helvetica, Arial, sans-serif, Tahoma;
		font-size: 14px;
		color: #FFFFFF;
		text-align:center;
}
#diary {
		background: linear-gradient(to right, var(--color_gradient_sides), var(--color_gradient_middle), var(--color_gradient_sides));
		min-height: 100vh;
		margin: auto;
}
#diary p.h0{
    margin: 0px 0px;
    font-size: 25px;
    color: var(--color_nadpis);
}
#diary p.line {
		width: 100%;
		height: 0.2em;
		background: black;
		background-image: linear-gradient(to right, var(--color_gradient_middle), var(--color_gradient_sides), var(--color_gradient_middle));
}
#diary p.h1{
    margin: 0px 0px;
		padding-top: 5px;
    font-size: 16px;
    color: var(--color_nadpis);
}
#diary p.h2{
    margin: 0px 0px;
		padding: 0px 5%;
		padding-top: 10px;
}
#diary p.i1{
		margin: 0px 0px;
		padding: 0px 5%;
		padding-top: 10px;
		font-style: italic;
}
#diary img{
		width: 95%;
		max-width: 700px;
    border: 1px solid var(--color_gradient_middle);
		margin-top: 5px;
    margin-bottom: 5px;
}
#diary a {
		line-height: 25px;
		color: var(--color_nadpis);
		padding: 0px 5px;
		margin: 0px 0px;
		border-radius: 5px;
		background: var(--color_gradient_sides);
		text-decoration: none;
}
#diary a:Hover {
    text-decoration: none;
}
#diary a.active {
	background: var(--color_gradient_middle);
}