@charset "utf-8";
/* CSS Document */

p{color:#FFF}

a{color: #33C3F0}

h1,h2,h3,h4,h5{color:#FFF;
margin-top: 20px;}

h4{
background-image: url('imgs/RainbowMultiply.jpg');
padding:10px}

.jumbotron {
margin:2%;
padding: 15px;
margin-bottom: 30px;
background-color: #eee;
border-radius: 5px;
}

body{background-color:#350D42;
font-family: "REM", sans-serif;}


.button{
	background-color:#FFF;
    border: 1px solid #FFF;
	border-radius: 0px;
	/*-ms-transform: skew(-30deg,0deg); /* IE 9 */
    /*-webkit-transform: skew(-30deg,0deg); /* Chrome, Safari, Opera */
    transform: skew(-30deg,0deg); /* Standard syntax */
}

.button:hover,
.button:focus{
  border-color: #33C3F0}

.button p{
	color:#350D42;
	font-size: 22px;
	/*-ms-transform: skew(30deg,0deg); /* IE 9 */
    /*-webkit-transform: skew(30deg,0deg); /* Chrome, Safari, Opera */
    transform: skew(30deg,0deg); /* Standard syntax */
}

.button.button-primary p{
    color:#350D42;
	/*-ms-transform: skew(30deg,0deg); /* IE 9 */
    /*-webkit-transform: skew(30deg,0deg); /* Chrome, Safari, Opera */
    transform: skew(30deg,0deg); /* Standard syntax */
}

.button.nav{
    color:#350D42;
    transform: skew(-30deg,0deg); /* Standard syntax */
	height: 30px;
	padding: 0 10px;
	line-height: 20px;
	border: 0px;
}

.headIcon{
	opacity:1.0;
 	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.headIcon:hover{
 	opacity:0.5;
 	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.block{
	width: 100%;
	min-width: 200px;
	max-width: 80%;
    /*height: 40px;*/
	color: white;
	font-size:150%;
	padding-left:10px;
	margin-top:10%;
    /* Rotate div */
    -ms-transform: rotate(330deg) skew(-30deg); /* IE 9 */
    -webkit-transform: rotate(330deg) skew(-30deg); /* Chrome, Safari, Opera */
    transform: rotate(330deg) skew(-30deg); /* Standard syntax */
}

.buffer{
	margin-bottom:30%;
}

.mini{
	margin-top:5%;
}