body {
	color: black;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
body.studentpage {
	background-color: black url(https://dedhk00m7fqyl.cloudfront.net/ms/images/blue_stripe.png);
}
#site {
	background-color: #b60a01;
	background-image: url(//dedhk00m7fqyl.cloudfront.net/cmn/images/hdr_starters.png);
	color:#fff;
	box-shadow: -3px 3px 6px #222, 0px 3px 6px #222;
}

#studentcontentbox {
	background-color: rgba(256,256,256,0.8);
	padding: 1rem 3rem;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: 3px 3px 6px #222;
	border-width: 6px;
	border-style: solid;
}
h1 span {
	font-weight: 100;
}
h1.activity {
	text-align: center;
	font-weight: 600 !important;
	letter-spacing: 0.3rem;
	-webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:         all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
h1 {
	font-size: 2em;
}
h1.bigger {
	font-size: 4rem;
}
.studentpage h1.activity {
	text-shadow: 2px 2px 2px #444,2px -2px 2px #444,-2px 2px 2px #444,-2px -2px 2px #444;
	text-transform: uppercase;
	font-family: 'Black Ops One', cursive;
}

h2 {
	color: #111111;
	font-size: 1.5rem;
}

/* Make 100 */

	.dots {
		font-family: diceFont;
	}
	#yourscore {
		display: none;
	}
	#finish {
		display: none;
	}
#roll {
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.4rem;
	font-family: 'Black Ops One', cursive;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #333, -2px 2px 2px #333, 2px -2px 2px #333, -2px -2px 2px #333;
}
	
.row_result .form-control-lg {
width: 8rem;
}

.dicebkg span {
background-color: white;
padding: 3px;
border-radius: 8px;
}

.dice {
	display: block;
	width: 1.2em;
	margin: 0 auto;
	}
	
    /* WebKit and Opera browsers */
    @-webkit-keyframes spinner {
      from { -webkit-transform: rotateY(0deg);    }
      to   { -webkit-transform: rotateY(-360deg); }
    }

    /* all other browsers */
    @keyframes spinner {
      from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
      }
      to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
      }
    }


  .spinner {
      -webkit-animation-name: spinner;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-duration: 0.5s;

      animation-name: spinner;
      animation-timing-function: linear;
      animation-iteration-count: 1;
      animation-duration: 0.5s;

      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
  }	

  @font-face {
  	 font-family: diceFont;
  	 src: url(dice.woff);
  }
  td {
	  font-size: 1.5rem;
  }
  
.sumto .row_result td {text-align: center;}
.sumto table td, .sumto table th{
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
.sumto button.num{
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
  }  

footer.activityfooter {
	padding-top: 20px;
	text-align: center;
	color: #ccc;
font-size: 0.9rem;
}
footer.activityfooter a {
	color: #eee;
}
footer.activityfooter a:hover {
	color: white;
text-decoration: underline
}

/*-- clrs.cc --*/
.navy { color: #001F3F; }
.blue { color: #0074D9; }
.aqua { color: #7FDBFF; }
.teal { color: #39CCCC; }
.olive { color: #3D9970; }
.green { color: #2ECC40; }
.lime { color: #01FF70; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.red { color: #FF4136; }
.fuchsia { color: #F012BE; }
.purple { color: #B10DC9; }
.maroon { color: #85144B; }
.white { color: #FFFFFF; }
.silver { color: #DDDDDD; }
.gray { color: #AAAAAA; }
.black { color: #111111; }
/*-- end clrs.cc --*/

/*-- clrs.cc -- modified*/
  .bg-navy { background-color: #001F3F; }
  .bg-blue { background-color: #0074D9; }
  .bg-olive { background-color: #3D9970; }
  .bg-maroon { background-color: #85144B; }
  
  .border--blue { border-color: #0074D9; }
  .border--aqua { border-color: #7FDBFF; }
  .border--green { border-color: #2ECC40; }
  .border--fuchsia { border-color: #F012BE; }
/*-- end clrs.cc --*/