/*common images and ideas*/

.spacer{
    background: #309091;
    height: 2em;
}
.push{
    height:20%;
}

/*activity section*/

/*highlight buttons*/


.btnText{
	text-align: center;
	color: #333;
	
}
ul{
margin:4%;
	text-align: center;
}

li{

    display:inline;
    margin:2%;
}

button{

	border-radius: 50%;
	width:35px;
	height: 35px;
}

button:hover {
 border: solid white 2px;
 text-decoration: none;

}


.yellow{
	background-color: #EDE145;
}

.blue{
	background-color: #4599ED;
}


.red{
	background-color: #F40F25;
}

.pink{
	background-color: #ED58D1;
}

.green{
	background-color: #2ECE63;
}

.purple{
	background-color:#BA5AF2;
}


#prompts {

	text-align: left;
}


ul#prompts {
    background-color: #602043;
    color:white;
    padding: 4%;
}





/*media queries*/

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


	.text {
		max-width:95%;
	}


  
}

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

#IntroTitle {
        font-size: 5em;
        margin-top: 2%;
    }
     

   

#subtitle{
	font-size: 1em;
  }


}


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

	#IntroTitle {
        font-size: 3.2em;
        margin-top: 2%;
    }
     

   

#subtitle{
	font-size: 1em;
  }

  
	.text {
		text-align: left;
	}

	

}