:root {
	--east13-palette-1: #f3f3ea;
	--east13-palette-2: rgba(0, 0, 0, .8);
	--east13-palette-3: #333c59;
	--east13-palette-4: #1a2133;
	--east13-palette-5: #92b6e6;
	--east13-palette-6: #8b0000;

}

/* Good Brush by Good Java Studio
https://www.dafont.com/good-brush.font */
@font-face {
	font-family: goodbrush;
	src: url(../fonts/good_brush/Good\ Brush.otf);
}

html {
	background-image: url(../images/eastbg3.jpg), linear-gradient(to bottom, #1a2133, #333c59);
	background-size:  cover;
	background-position-y: top;
	background-attachment: fixed;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "goodbrush", sans-serif;
	color: var(--east13-palette-1);
}
main > h1 {
	padding: 20px 25px 0;
}
a {
	color: var(--east13-palette-5);
}
a:hover {
	color: var(--east13-palette-5);
}
a::after {
	background-color: var(--east13-palette-5);
}

/* main nav item */
.east-navi > p {
	margin: 0;
	color: #fff;
}

/* main nav item dropdown open state */
nav input[id^="east-navi-"]:checked ~ .east-navi,
.east-navi:hover {
	color: var(--east13-palette-3);
}

nav,
/* sub nav item dropdown */
.east-navi ul {
	background-color: #07090e;
	border-bottom: 1px solid var(--east13-palette-3);
	box-shadow: 0 10px 15px 10px rgba(0, 0, 0, .15);
}
.east-navi ul {
	top: calc(100% + 5px);
	transition: max-height .2s, padding-bottom .2s, padding-top .2s;
	border-right: 1px solid var(--east13-palette-3);
}
div:not(.uk-first-column) > .east-navi ul {
	border-left: 1px solid var(--east13-palette-3);
}
nav li a {
	display: block;
	padding: 0 15px;
	color: #fff;
}
nav li a:after {
	background: #fff;
}
.east-navi > ul a:hover {
	color: var(--east13-palette-1);
	text-decoration: none;
	background-color: var(--east13-palette-3);
}
.east-navi > ul a:hover::after {
	background: var(--east13-palette-1);
}

/* content */

main > section {
	position: relative;
	padding: 15px 24px;
	background-color: var(--east13-palette-2);
}

#creep {
	height: 200px;
}
#creep:before {
	content: " ";
	position: absolute;
	width: 450px;
	height: 380px;
	bottom: 0;
	left: -270px;
	background: url(../images/kidran.png);
	animation: hide 0s ease-in 1.5s forwards;
}
@keyframes hide {
    to { opacity: 0; }
}

/* footer */

footer h3 {
	color: var(--east13-palette-1);
}

footer > div {
	border-top: 1px solid var(--east13-palette-3);
	background-color: rgba(0, 0, 0, .8);
}

a#rip-fafnyr:hover img {background-image: url(../images/credits/fafnyr_s.png);}
a#rip-flam:hover img {background-image: url(../images/credits/flam_s.png);}
a#rip-kidran:hover img {background-image: url(../images/credits/kidran_s.png);}
a#rip-krauti:hover img {background-image: url(../images/credits/krauti_s.png);}
a#rip-vinaru:hover img {background-image: url(../images/credits/vinaru_s.png);}

/* uikit overrides */
.uk-button-primary {
	background-color: var(--east13-palette-3);
}
.uk-button-primary:hover {
	background-color: var(--east13-palette-4);
}
.uk-grid-divider > :not(.uk-first-column)::before {
	border-left: 1px solid var(--east13-palette-3);
}
.uk-modal-dialog {
	background: var(--east13-palette-4)
}
a.uk-icon-button {
	margin: 10px;
}