.navbar-gradient {
		background: linear-gradient(90deg, rgba(170,54,36,1) 0%, rgba(219,121,40,1) 100%) !important;
}
.shadow {
		box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
body {
		font-family: Nunito;
}
.masthead {
  		height: 50vh;
  		min-height: 200px;
  		background-image: url('../images/cover.png');
  		background-size: cover;
  		background-position: center;
  		background-repeat: no-repeat;
}
.btn-ranking {
	border-radius:100px;
	background: rgba(255,165,0,0.2);
	color:#a3631f;
}
.btn-ranking:hover {
	border-radius:100px;
	background: rgba(255,165,0,0.6);
	color:#FFF;
}
.card-gradient {
		border-radius:40px;
		background: linear-gradient(90deg, rgba(36,52,170,1) 0%, rgba(219,121,40,1) 100%);
		color: #FFF;
}

.card-gradient-gold {
		border-radius:40px;
		background: linear-gradient(90deg, rgba(121,103,9,1) 0%, rgba(255,201,0,1) 100%);
		color: #FFF;
}
.card {
	border: 0px;
}
.card-header {
	padding:10px 10px;
}
.btn-details {
	border-radius:100px;
	background: rgba(0,0,255,0.2);
	color:#630c96;
}
.btn-quiz {
	border-radius:100px;
	background: rgba(255,0,0,0.2);
	color:#de4c3a;
}
.btn-disabled {
	background: rgba(0,0,0,0.1);
	color:#000;
	border-radius: 100px;
}
.btn-register {
	background: none;
	border: 1px grey solid;
	color:grey;
	border-radius: 100px;
}
.btn-register:hover {
	background: grey;
	border: 1px grey solid;
	color:#FFF;
	border-radius: 100px;
}
.btn-details:hover {
	background:rgba(0,0,255,0.6);
	color:#FFF;
	border-radius:100px;
}
.btn-quiz:hover {
	background:rgba(255,0,0,0.6);
	color:#FFF;
	border-radius:100px;
}
.form-control {
	border-radius:100px !important;
}
.btn-login {
	border-radius: 100px;
    background: none;
    color: #FFF;
    border: 1px solid white !important;
}
.btn-login:hover {
	background: white;
	color: #000;
	border-radius: 100px;
}
.base-timer {
  position: relative;
  width: 45px;
  height: 45px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
.green {
	color: green;
}
.red {
	color: red;
}
.btn-right {
	background: green;
	color: white;
	border-radius:100px;
}
.btn-wrong {
	background: red;
	color: white;
	border-radius:100px;
}
.btn-picked {
	background:rgba(0,0,255,0.6);
	color:#FFF;
	border-radius:100px;
}