html, body {
				height:100%;
				width:100%;
			}
			body {
				overflow-x:hidden;
				overflow-y:hidden;
				background-color: white;
				color: black;
			}
			body.darkmode {
				background: #121212;
				color: #aaa;
			}
			.darkmode a {
				color: #aaa;
			}
			html, body, div, p, ul, li {
				padding:0;
				margin:0;
			}
			div#tomatburk {
				width:100%;
				height:70%;
				margin-top:10px;
			}
			div#tomat {
				width:100%;
				height:100%;
				background-image:url(assets/tomat.webp);
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
			}
			ul#fot {
				position:absolute;
				left:0;
				bottom:10px;
				width:100%;
				text-align:center;
				font-size:0;
			}
			ul#fot li {
				display:inline;
				font-size:16px;
				padding:0 8px;
				font-family: 'Roboto', sans-serif;
				overflow-wrap: break-word;
			}
			ul#fot li.right_of_center {
				border-left:1px solid #aaa;
			}
			ul#fot li.left_of_center {
				border-right:1px solid #aaa;
			}
			ul#fot a {
				text-decoration:none;
			}
			
			.darkmode_knapp {
				position: fixed;
				bottom: 10px;
				right: 10px;
			}
			.darkmode_knapp:hover {
				cursor:pointer;
			}
			.darkmode .darkmode_knapp#moon {
				display:none;
			}
			body:not(.darkmode) .darkmode_knapp#sun {
				display:none;
			}