*{
    -webkit-user-select: none;
    -moz-user-select: none;   
    -ms-user-select: none;    
    user-select: none;        
    -moz-user-select: none;
    -webkit-user-drag: none;
	user-drag: none;
	opacity:inherit;
}

html{
    height:100%; width:100%;
}

body{
    height: 100% ; width: 100%; margin:0;
    transition:ease all 2s;
}

@font-face {
    font-family: 'FranklinGothic-DemiCond';
    src: url('../fonts/FranklinGothic-DemiCond.eot');
    src: url('../fonts/FranklinGothic-DemiCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranklinGothic-DemiCond.woff') format('woff'),
        url('../fonts/FranklinGothic-DemiCond.ttf') format('truetype'),
        url('../fonts/FranklinGothic-DemiCond.svg#FontName') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Whitman-SemiboldLF';
    src: url('../fonts/Whitman-SemiboldLF.eot');
    src: url('../fonts/Whitman-SemiboldLF.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whitman-SemiboldLF.woff') format('woff'),
        url('../fonts/Whitman-SemiboldLF.ttf') format('truetype'),
        url('../fonts/Whitman-SemiboldLF.svg#FontName') format('svg');
    font-weight: normal;
    font-style: normal;
}


h2{
    font-size: 50px;
}
h3{
    font-size:50px;
}

p{
    font-family: 'Whitman-SemiboldLF';
    font-size:30px;
}
small{
    font-family: 'Whitman-SemiboldLF';
    font-size:30px;
    color:white;
}
notificationButton, .notificationButton{
    line-height: 100px;
    font-size:40px;
    color:white;
}


smallest, .smallest{
    font-family: 'Whitman-SemiboldLF';
    font-size:20px;
    color:black;
}
whiteButton{
    font-family: 'Whitman-SemiboldLF';
    font-size:40px;
    color:white;
}
.character-text{
    margin-top:10px;
}

.character-text div{
    font-size: 30px;
}
.character-text p{
    margin-top:0;
}

.drillButton{
    font-size: 40px;
    color: white;
}

html, body{
    font-size:42px;
    font-family:"FranklinGothic-DemiCond";
    overflow:hidden;
    letter-spacing: -1.5px;
    color:black;

}
.research_buttons>div{
    font-size:30px;
}

.research_buttons>div.researchinfo{
    font-size:20px;
}
.research_opaque{
    background-color: rgba(255,255,255,1);
    border: 2px solid black;
    border-radius:10px;
    padding:10px;
    margin-top: -12px;
    margin-left: -12px;
}


#countdown {
    position:absolute;
    left:1140px;
    top:46px;
    z-index:9;
}
#time-remaining {
    color: black;
    font-size:28px;
    width: 140px;
    height: 40px;
    position: absolute;
    left: 1133px;
    top: 92px;
    z-index: 10;
    text-align: center;
}

#home_button, .home_button{
    position:absolute;
    left:1550px;
    top:50px;
    width:88px;
    height:102px;
    z-index:1;
}

#forward_button, #forward_button_3, #forward_button_5, #forward_button_6, #forward_button_7{
    position:absolute;
    left:1250px;
    top: 935px;
    width:360px;
    height:77px;
    text-align: center;
    border: 5px solid black;
    border-radius: 16px;
    line-height: 0px;
}
span{
    font-size: 50px;
    line-height: 75px;
}
.button_opaque{
    opacity: 0.2;
}


#headline_big, .headline_big{
    position:absolute;
    left:100px;
    top:10px;
    width:1250px;
    height:100px;
    z-index:1;
}

#headline_game{
    position:absolute;
    left:100px;
    top:10px;
    width:1400px;
    height:100px;
}

#character_thumb, .character_thumb{
    position:absolute;
    top:50px;
    left:1390px;
    border-radius: 60px;
    border: 2px solid black;
    width: 101px;
    height: 103px; 
    z-index:1;
    background-color:white;
}

#scientist_thumb{
    position:absolute;
    top:50px;
    left:1270px;
    border-radius: 60px;
    border: 2px solid black;
    width: 101px;
    height: 103px;
    z-index:1;
    background-color:white;
}



#intro_text, .intro_text{
    position:absolute;
    left:100px;
    top:200px;
    width:1200px;
    height:700px;
}

.notification_blue{
    background:url("../img/misc/notification_blue.png") no-repeat;
}
.notification_red{
    background:url("../img/misc/notification_red.png") no-repeat;
}
.notification_green{
    background:url("../img/misc/notification_green.png") no-repeat;
}

#intro_notification, #game_notification_time_up{
    width:460px;
    position:absolute;
    top:160px;
    left:815px;
    padding:70px;
    padding-top: 130px;
    border-radius: 20px;
    z-index:10001;
}

.notification_btn, #intro_notification_button, #intro_notification_trash_game_button, #intro_notification_rock_game_button, #intro_notification_help_others_game_button, #intro_notification_map_game_button, #intro_notification_drill_game_button, #intro_notification_help_others_game_button,#notification_wrong_answer_try_again_button, #time_up_main_menu_button, #time_up_try_again_button, #time_up_try_again_button{
    margin-top:60px;
    height:80px;
    border: 5px solid white;
    border-radius:15px;
    padding-bottom:20px;
    text-align:center;
}

.characters{
    border: 10px solid transparent;
	height: 499px;
}

#character1_big{
	width:400px;
	margin-top:250px;
	margin-left:100px;
	float:left;
}

#character2_big{
	width:400px;
	margin-top:250px;
	margin-left:100px;
	float:left;
}

#character3_big{
	width:400px;
	margin-top:250px;
	margin-left:100px;
	float:left;
}

#char1_text{
	position:absolute;
	top:775px;
	left:110px;
	width:400px;
}

#char2_text{
	position:absolute;
	top:775px;
	left:635px;
	width:400px;
}
#char3_text{
	position:absolute;
	top:775px;
	left:1155px;
	width:400px;
}