html {
    color:            CanvasText;
    background-color: Canvas;
    font-family:      "JuliaMono";
    color-scheme:     light dark;
}

.BesiyataDishmaya {
	padding:     2.5%;
	float:       right;
	font-family: "Frank Ruhl Libre", serif;
	font-size:   1.25em;
	font-style:  normal;
}

.content {
	padding:     20%;
	padding-top: 5%;
}

.banner {
	border-bottom: 0.25em solid ButtonBorder;
	font-weight:   500;
}

.navcluster {
	border:     0.25em solid ButtonBorder;
	background: ButtonFace;
	position:   fixed;
	left:       2.5%;
	bottom:     5%;

	& a {
		display:         block;
		text-decoration: none;
		color:           ButtonText;
		text-align:      center;
		border:          0.25em solid ButtonBorder;
		border-radius:   0.25em;
		margin:          0.5em;
	}
}

.copyright {
	border-top:     0.25em solid ButtonBorder;
	overflow:       hidden;
	padding:        10%;
	padding-top:    5%;
	padding-bottom: 5%;

	& .left {
		max-width: 45%;
		float:     left;
		display:   inline-block;
	}

	& .right {
		max-width: 45%;
		float:     right;
		display:   inline-block;
	}
}

ul li {
	margin: 2.5%;
}