:root{
    --font:'Manrope', sans-serif;
    --bg-color:white;
    --text-white:#fefefe;
    --text-color:#1a1a1a;
    --link-color:#378fff;
    --khaki:darkkhaki;
    --purple:purple;
    --blue:#185ba5;
    --dark-blue:midnightblue;
    --cyan:#1698a1;
    --red:crimson;
    --yellow:goldenrod;
    --gray-bg:#efefef;
    --green:mediumseagreen;
    --dark-gray:#6a6a6a;
    --border-color:silver;

    /*font sizes*/
    --footer-links:12px;
    --small: 14px;
    --normal: 16px;
    --medium: 18px;
    --large: 24px;
    --xlarge: 28px;
    --xxlarge: 30px;
    --xxxlarge: 34px;
}
::selection {
	background: var(--red);
	color: var(--bg-color);
}
*, html, body{
    font-size: var(--normal);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: var(--font);
    line-height: 1.2em;
}
h1,h2,h3,h4,h5,h6{font-weight: bold;padding-bottom: 10px;}
h1{font-size: var(--xxxlarge);}
h2{font-size: var(--xxlarge);}
h3{font-size: var(--xlarge);}
h4{font-size: var(--large);}
h5{font-size: var(--medium);}
h6{font-size: var(--normal);}
a,a:visited,a:active{text-decoration: none;color:var(--link-color);}
a.btn{color:var(--text-white);}

b{font-weight: bold;}

#copyright > a:first-child {color: var(--bg-color);text-shadow: 0 0 5px black;}
#copyright {color: var(--dark-gray); text-shadow: none;}

.btn.loader-frame {
    position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.btn.loader-frame .loader{display: inline-block;margin:0;}
    .loader-btn.active .btn.loader-frame {display: inline-block;}