@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");

.mothergameholder {
    font-family: Monospace;
}
.mothergameholder *, .mothergameholder *:before, .mothergameholder *:after{-webkit-box-sizing:unset;-moz-box-sizing:unset;box-sizing:unset;}
.iframeoverlay,.thumbsupdown,.fullscreen{z-index:20;}

.nav {

    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;

}

#scoreBoard {
    margin-top: 100px;
}

.levelselect {

    -webkit-column-count:2; 
    -moz-column-count:2;
    column-count:2;
    column-gap:0px;
    -moz-column-gap:0px; /* Firefox */
    -webkit-column-gap:0px; /* Safari and Chrome */
    column-fill: balance;
    position:relative;
    top: 0px;
    background: black;
    display: block;
    margin: 0 auto;
    clear: both;
}


#selectBlockScreen {
    background-color: rgba(0,0,0,0.7);
}

#endScreen {
    background-color: rgba(0,0,0,0.7);
}

.mothergameholder h3,.mothergameholder p,.mothergameholder a {
    position: relative;  
    z-index: 1; 
    font: 20px "Press Start 2P", cursive;
    color: white;
    text-align: center;
    margin: 0;
}


.instructions.stars {  
    padding-top: 10px;  
    font-size: 50px;
}


#levelModeMenu {
    overflow-y:auto;
}

.mothergameholder #menu{
    overflow-y:auto;
}

.mothergameholder #highscore {
    overflow-y:auto;
}

.mothergameholder h3 {margin-top:3%;color:yellow;}


#hint {
    position: absolute;
    top:10px;
    left:110px;
    background-color: rgba(255,0,0,0.5);
    color:white;
}

#mute {
    position: absolute;
    top: 10px;
    left:10px;
    background-color: rgba(255,0,0,0.5);
    width:94px;
}

#mute a{font-size:12px;text-decoration:none; text-transform:uppercase;display:block;padding:8px 10px;}
#hint a{font-size:12px;text-decoration:none; text-transform:uppercase;display:block;padding:8px 10px;}
#hint .freestyle_pause{position:absolute;background-color:rgba(255, 0, 0, 0.5);top:0px;left:74px;}


.customButtons{position:absolute;left:0;bottom:100px;width:100%;}
.cmnButton{position:absolute;width:45px;height:45px;line-height:45px;text-align:center;background:rgba(0,54,255,0.4);border:solid 3px rgba(255,255,255,0.5);cursor:pointer;}
.cmnButton img{vertical-align:middle;}
#ctrl-left{left:30px;top:0;}
#ctrl-right{left:154px;top:0;}
#ctrl-down{left:92px;top:0;}
#ctrl-up{left:92px;top:-62px;}
#ctrl-digit1{right:30px;top:0px;}
#ctrl-digit2{right:92px;top:0px;}
#ctrl-space{right:30px;top:-62px;width:107px;}
#ctrl-mousewheel-up{right:92px;top:-124px;}
#ctrl-mousewheel-down{right:30px;top:-124px;}
.activeBG{background:#9600e7;}

#ctrl-left img{transform:rotate(180deg);}
#ctrl-down img{transform:rotate(90deg);}
#ctrl-up img{transform:rotate(-90deg);}

.tutorialHint{position:absolute;left:-100px;top:35px;}
#center_tooltip {
    font: 12px "Press Start 2P", cursive; 
    position: absolute;
    color: yellow;
    z-index: 2;
    text-align: center;
    display: block;
    top: 50%;
    width: 100%;
    text-shadow:0px 0px 5px BLACK;
}

.instructions.center {
    font-size:11px;
    top: 25%;
    width: 100%;
    line-height:16px;
}

#instructions {
    overflow-y:auto;
}

.instructions {
    font-size: 20px;
    display: block;
    top: 3%;   
    left: 0; 
    text-decoration: none;
    margin: 0 auto; 
    line-height: 19px !important;
}
#instructions{padding:0 10px;box-sizing: border-box;}
#instructions a{font-size:11px;}
.yellowcolor{color:#ff6f24;}

.highscoreEntry {
    font-size:12px !important;
    display: block;
    top: 2%;   
    left: 0; 
    text-decoration: none;
    margin: 0 auto; 
    line-height:19px !important;
}

.leftShift {
    left: -2em;
}

.mothergameholder .menuItem {
    width: 80%;
    font-size: 14px;
    display: block;
    top: 25px;   
    left: 0; 
    border-top:1px solid white;
    /*border-bottom: 5px solid white;*/
    padding:10px 0;
    text-decoration: none;
    margin: 0 auto;     
    
    overflow: auto; max-height: 4000px;     
}

.mothergameholder .locked {
    width: 80%;
    font-size: 14px;
    display: block;
    top: 25px;   
    left: 0; 
    padding: 10px 0;
    text-decoration: none;
    margin: 0 auto; 
    overflow: auto; max-height: 4000px;    
    color: red;
    border-top: 1px solid red;
    /*border-bottom: 5px solid red;    */
    cursor:default;
}

.centerPadding {
    padding-right: 5em;
    padding-left: 5em;
}

.mothergameholder a.link {
    font-size: 20px;
    text-decoration: none;
    color: white;  
    border-bottom: 1px solid white;    
}

.mothergameholder a.link:hover {
    color: yellow; 
    border-bottom-color: yellow; 
}

.mothergameholder a.menuItem:hover
{
    background: yellow;
    color: black;
    /*color: yellow;
    border-top: 5px solid yellow;
    border-bottom: 5px solid yellow;    */
}

a#restart {width: 165px; top: 20%}


a#start{top: 100%;}

#oldie { background-color: #ddd !important }

.info {
    top: 10px;
    right: 10px;
    width: 100%;
    text-align: right;
    position: absolute;        
}

.backButton {
    margin-top: 0px;
    margin-bottom: 0px;
}


#levelText {
    top: 20px;
    right: 20px;
    width: 100%;
    text-align: right;
    position: absolute;        
    font: 30px "Press Start 2P", cursive; 
    color: white;
}

#helperText {
    font-size:13px;
    padding:10px 0 0;
    color: aqua;
}

p#loading_text {
    border: none;
    font-size:16px;
    top: 40%;
    /*padding-left: 200px;*/
}



@media (hover: none) and (pointer: coarse) {
  /*#hint{display:none;}*/
}