#oufunnyequations_screen
{
    background: rgba(77, 31, 0,0.8);  
    height: 400px;
    width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Concert One', cursive;
}
        
#oufunnyequations_help
{
    display: none;
    background: rgba(77, 31, 0,0.8);  
    height: 400px;
    width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
        
       
#oufunnyequations_game_l1
{ 
    display: none;
    background: rgba(77, 31, 0,0.8);  
    height: 400px;
    width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
              
.oufunnyequations_screen_title
{
    font-size: 38px;
    padding: 10px 0px 0px 0px;
    text-align: center;
}
            
.oufunnyequations_menu_window
{
    padding: 65px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
        
        
/*

    LEVEL: Beginner

*/

.oufunnyequations_level1w_display_formlula
{
    color: #ffffff; 
    overflow: hidden; 
    text-align:center; 
    font-size: 80px;  
}
        
.oufunnyequations_level1w_display_formlula_a
{
    padding: 0px 10px;
}

.oufunnyequations_level1w_display_formlula_b
{
    padding: 0px 5px;
}
        
.oufunnyequations_level1w_display_title
{
    text-align:center; 
    width: 100%; 
    margin: 0 auto; 
    background: #804000; 
}
        
.oufunnyequations_level1w_display_answer_window
{
    margin: 20px auto 0px auto; 
    width: 400px; 
    text-align: center; 
    font-size: 60px; 
    color: #99cc00;  
}
        
.oufunnyequations_level1w_display_answer_padding
{
    padding: 0px 10px; 
    text-decoration:underline; 
    cursor: pointer;   
}
      
.oufunnyequations_level1w_display_timeout
{
    display:none; 
    margin: 20px auto 0px auto; 
    width: 400px; 
    text-align: center; 
    font-size: 60px; 
    color: #ffb3b3;
}
        
.oufunnyequations_level1w_display_wrong
{
    display:none; 
    margin: 20px auto 0px auto; 
    width: 400px; 
    text-align: center; 
    font-size: 60px; 
    color: #ffb3b3;
}
        
.oufunnyequations_level1w_display_right
{
    display:none; 
    margin: 20px auto 0px auto; 
    width: 400px;
    text-align: center; 
    font-size: 60px; 
    color: #b3ffb3;  
}
        
.oufunnyequations_level1w_display_footer
{
    margin: 45px auto 5px auto; 
    width: 480px; 
    overflow:hidden; 
    font-size: 14px; 
    color: #cccccc;  
}
    
.oufunnyequations_level1w_display_footer_left
{
    float:left; 
    width: 33%; 
    text-align:left; 
}
        
.oufunnyequations_level1w_display_footer_center
{
    float:left; 
    width: 34%; 
    text-align:center;
}
        
.oufunnyequations_level1w_display_footer_center_exit
{
    text-decoration:underline; 
    cursor: pointer; 
    color: #669999;
}
        
.oufunnyequations_level1w_display_footer_right
{
    float:left; 
    width: 33%; 
    text-align:right;
}

.oufunnyequations_level1w_display_footer_leftspan
{
    padding: 0px;
}

.oufunnyequations_level1w_display_footer_rightspan
{
    padding: 0px 0px 0px 0px;
}
        
/*
    LINKS 
*/
        
.oufunnyequations_link_menu,
.oufunnyequations_link_game
{
    color: #669999;
    width: 100%;
    font-size: 35px;
    padding: 20px 0px 20px  0px;
    text-decoration: underline;
    cursor: pointer;
}
        
.oufunnyequations_link_menu:hover,
.oufunnyequations_link_game:hover
{
    color: #99cc00;
    text-decoration: underline;
}
        
.oufunnyequations_link_menu2
{
    color: #669999;
    width: 100%;
    font-size: 20px;
    padding: 20px 0px 20px  0px;
    text-decoration: underline;
    cursor: pointer;
}
        
.oufunnyequations_link_menu2:hover
{
    color: #99cc00;
    text-decoration: underline;
}


@media only screen and (max-width: 520px) 
{
    .oufunnyequations_window
    {
        width: 100% !important;
        min-height: 400px !important;
    }
    
    #oufunnyequations_screen
    {
        width: 100% !important;
        height: 400px !important;
    }
    
    .oufunnyequations_screen_title
    {
        font-size: 28px !important;
    }
    
    #oufunnyequations_help
    {
        width: 100% !important;
    }
    
    #oufunnyequations_game_l1
    {
        width: 100% !important;
    }
    
    .oufunnyequations_level1w_display_footer
    {
        width: 100% !important;
    }
    
    .oufunnyequations_level1w_display_footer_leftspan
    {
        padding: 0px 0px 0px 10px !important;
    }
    
    .oufunnyequations_level1w_display_footer_rightspan
    {
        padding: 0px 10px 0px 0px !important;
    }
    
    .oufunnyequations_level1w_display_timeout
    {
        width: 100% !important;
    }
    
    .oufunnyequations_level1w_display_wrong
    {
        width: 100% !important;
    }
    
    .oufunnyequations_level1w_display_right
    {
        width: 100% !important;
    }
    
    .oufunnyequations_level1w_display_answer_window
    {
        width: 100% !important;
    }
}