:root {
    --rgb-black: 20, 20, 20;
}

html,body {height:100%;padding:0;margin:0;max-height:100%;}
/*body {overflow:scroll;font-family: "museo",serif;color: #333;font-weight:100;height:100%;max-height:100%;}*/
body {
  overflow:scroll;
  font-family:lato, sans-serif;
  color: black;
  font-weight:400;
  height:100%;
  max-height:100%;
  font-size:15px;
  /* background-color:#f3f2f1; */
}

a {
    color:#000;
}
a:link {
    /* text-decoration: none; */
}
a:visited{text-decoration: none;}
a:hover {
    text-decoration: underline;
    text-decoration-color:#e10179;
}
a.btn:hover {
    text-decoration:none;
}

img{border:none;max-width:100%;}
h1 {
    color:black;
    font-size:70px;
    font-weight:700;
}
h2 {
  font-size:60px;
}
h3 {
  font-size:32px;
}
h4 {
  font-size:18px;
}
h1, h2, h3{
  margin-bottom:1.5rem;
  line-height:1;
}
/*h3, h3 a{font-size:1.6rem;}*/

@media only screen and (max-width: 765px) {
	h1{font-size:32px; margin-bottom:1rem;}
	h2{font-size:24px; margin-bottom:1rem;}
}

div.space1{width:100%;height:13px;} /* 8x1.618 */
div.space2{width:100%;height:21px;} /* 8x1.618^2 */
div.space3{width:100%;height:34px;}
div.space4{width:100%;height:55px;}

.loader {
    display:none;
}
.loader-ctnr {
    position:relative;
}

.top-bott-sep{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.btn-white {
    background-color:white;
    border-color:#e10179;
    color:#e10179;
}

.btn-primary {
    background-color:#e10179;
    border-color:#e10179;
    color:white;
}
.btn-primary:hover {
    background-color:#FE34A0;
    border-color:#FE34A0;
}

.btn.btn-lg {
    padding:.5rem 35px;
}
.btn-border {
    border:1px solid #aaa;
    border-radius:10px;
}
.btn-border:hover {
    border-color:#e10179;
}

.btn-primary.disabled, .btn-primary:disabled {
    color:#666;
    background-color:#ddd;
    border-color:#aaa;
}
.btn-light:disabled {
    color:#aaa;
}

.btn-black {
    background-color:black;
    color:white;
}
.btn-black:hover {
    color:white;
    background-color:#666;
}

.nav-link {
    padding:.5rem 1rem;
}

.nav-link.active {
    font-weight:bold;
}

.dropdown-toggle::after {
    color:#e10179
}

.d-d {
	text-align: center;
	padding: .5em 0;
	color: #555;
	border: 1px solid #8af;
	border-radius: 5px;
	cursor: default;
	background:white;
}
.d-hover {
	background:#8af;
	border-style: solid;
	box-shadow: inset 0 2px 3px #888;
}

.score {
    border:1px solid #eee;
    border-radius:5px;
    width:100%;
    line-height:60px;
    margin:2px;
    background-color:#ddd;
    text-align:center;
    position:relative;
    font-size:18px;
    font-weight:bold;
    min-height:60px;
}
.score.level-1, .score.level-2, .btn-level-1.active, .btn-level-2.active {
    background-color:#FF2600;
}
.score.level-3, .btn-level-3.active {
    background-color:#FF9300;
}
.score.level-4, .btn-level-4.active {
    background-color:#FFFB00;
    color:black;
}
.score.level-5, .btn-level-5.active, .bg-primary {
    background-color:#e10179 !important;
}
.bg-grey {
    background-color:#ddd;
}
a.btn.btn-default,
button.btn.btn-default,
a.btn.btn-light,
button.btn.btn-light {
    background: #eee;
    border: 1px solid #ddd;
}
.score .type {
    position:absolute;
    top:5px;
    left:8px;
    line-height:1;
    font-size:15px;
    font-weight:normal;
}

.text-right {
    text-align:right;
}

.text-primary {
    color:#e10179 !important;
}

.text-purple {
    color:#532798;
}

.bd-primary {
    border:1px solid #e10179;
}

#footer {
    padding: 2em 0;
    position: sticky;
    height: 100px;
    top: calc( 100vh - 100px );
}

@media only screen and (max-width: 768px)  {

    h1 {
        font-size:45px !important;
    }
    
}