@font-face {
    font-family: PedagogyGamesFont;
    src: url(https://www.pedagogygames.com/Fonts/Fonts3/QuicksandBold.ttf);
}
#adcontent {
	/*margin: 0px auto;*/
	float: left;
	width: 150px;
	/*border: 1px solid blue;*/
	margin-left: 15px;
}
.adsgame {
	border-radius: 5px;
	box-shadow: 0 0 10px #000;
	font-weight: bold;
	color: #000;
	/*padding: 15px;*/
	background: #EAEAEA;
	text-align: center;
}
.adsgame:hover {
	box-shadow: 0 0 15px #000;
}
#alert {
	font-size: 65%;
	color: #cc0000;
	font-weight: bold;
	padding-left: 3px;
}
#close-safari-warning, #close-mobile-warning {
    float: right;
    padding-right: 1px;
    padding-left: 2px;
    background-color: #ccc;
}
#close-safari-warning:hover, #close-mobile-warning:hover {
    cursor: pointer;
    color: #189;
}
#cookies {
	font-size: 75%;
	text-align: center;
	/*border: 1px solid white;*/
	margin-left: 50px;
	float: left;
}
#content2 {
    width: 65%;
    max-width: 1200px;
    margin: 0 auto;
    background: #EAEAEA;
    padding-top: 100px;
    padding-bottom: 25px;
    /*border-radius: 20px;*/
    overflow: hidden;
    /*border-left: 1px solid #444;
    //border-right: 1px solid #444;*/
}
#facebook-image {
    /*margin-left: 15px;*/
    float: right;
    width: 25px;
    height: 25px;
    /*border: 1px solid orange;*/
}
#feedback:hover, #aboutus:hover, #careers:hover {
	color: #BDCC2A;
}
.games-container {
    /*border: 1px solid red; */
    /*width: 50%;*/ 
    margin-left: 10%;
}
.games-button:hover {
    color: #BDCC2A;
}
iframe {
	box-shadow: 0 0 10px #000;
	/*-webkit-border-radius: 5px;*/
	border-radius: 5px;
}
.kickstarter-promo {
	display: inline;
	/*//border: 1px solid blue;
	//font-size: 225%;
	//font-weight: bold;*/
	height: 100px;
}
li:hover {
	color: #BDCC2A;
}
#mobile-warning {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 105;
}
#mobile-warning-content {
    margin: 0 auto;
    background-color: #eee;
    width: 400px;
    height: 400px;
    box-shadow: 0 0 20px #000;
}
.new-track {
	color: #cc0000;
	font-size: 50%;
	padding-left: 5px;
	padding-bottom: 10px;
	font-weight: bold;
}
#page-title {
	/*margin-left: 15px; 
	//margin-top: 25px; 
	//width: 275px; 
	//float: left; */
	margin: 25px auto;
	font-size: 2vw; 
	text-align: center;
	/*font-weight: bold;*/
	font-family: PedagogyGamesFont; 
	/*border: 1px solid green;*/
}
#parent-ad-banner {
    position: relative;
    margin-top: 150px;
    margin-right: 75px;
    /*border: 1px solid black;*/
    float: right;
}
#sign-up-quote {
	/*position: absolute;*/
	font-size: 75%;
	margin: 20px auto;
	/*width: 450px;
	//float: right;*/
	text-align: center;
	/*border: 1px solid orange;*/
}


#sign-up-hover:hover {
	color: #BDCC2A;
}
#safari-warning {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(000, 000, 000, 0.25);
    z-index: 10;
}
#safari-warning-content {
    margin: 175px auto;
    background-color: #eee;
    width: 400px;
    height: 400px;
    box-shadow: 0 0 20px #000;
    
}
#safari-warning-text, #mobile-warning-text {
    padding-top: 75px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    /*border: 1px solid blue;*/
}
#social-wrap {
    width: 67%;
    margin: 5px auto;
    /*border: 1px solid blue;*/
}
#twitter-image {
    width: 25px;
    height: 25px;
    float: left;
}
#twitter-image:hover, #facebook-image:hover {
    cursor: pointer;
    /*border: 1px solid #ccc;
    border-radius: 100%;*/
}
#wordle-help-button, #goals-button-container, #task-button-container { 
    display: inline-block;
    font-size: 150%; 
    font-weight: bold; 
    text-align: center; 
    vertical-align: middle; 
    width: 250px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #999;
    margin-bottom: 20px;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
#wordle-help-button:hover, #goals-button-container:hover, #task-button-container:hover {
    cursor: pointer;
    background-color: #bbb;
    /*box-shadow: 0 0 5px #555;*/
}
#youtubevid {
	border: 1px solid blue;
}