﻿#bar{
    margin:0 auto 0.5% auto;
    height:9%;
    width:98%;
    padding-top:1%;
}

.menuText{
    text-align: center;
    background-color:cadetblue;    
    border-radius:5px;
    float: left;
    width: 29.6%;
    height: 100%;
}

.menuText:nth-child(1){
    margin-right:0.25%;
}

.menuText:nth-child(n+2){
    margin-left:0.25%;
}

#pause {
    cursor: pointer; 
    width:10%;  
    height: 100%;  
}

#percentEnemy{
    height: 100%;  
}

#score {
    height: 100%;  
}

#bestScore {
    height: 100%;  
}

#endGame{    
    position: fixed;
    height: 100%;
    width: 100%;
    top: 00%;
    left: 00%;
    font-size: 100vw;
    background-color: rgba(157,122,124,0.5);
}

#endGame > div {
    position: fixed;
    left: 50%;
}

#endGame > div > div {
    text-align: center;
    height: 100%;
    width: 100%;
    left: -50%;
    position: absolute;
    background-color: #9D7A7C;
    border: 1px solid;
}

#startNewGame,#gotoMenu{
    float:left;
    cursor: pointer; 
    width:97%;
    position: absolute;
}

#endGameMessage{
    margin-top:1vh;
}

@media screen and (orientation: portrait) {
    .menuText{
        font-size: 3vw;
        line-height: 5vw;
    }
    #pause{
        line-height: 10vw;
    }
    
    #endGame > div {
        width: 90vw;
        height: 6.5em;
        font-size: 11vw;
        top: 10%;
    }

    #endGame > div > div {
        border-radius:1.2vw;
    }

    #startNewGame,#gotoMenu{
        border: 0.7vw solid #FFFFFF;
        margin: 0 0.8vw;
        border-radius: 2vw;
    }

    #startNewGame{
        bottom: 18vw;
    }

    #gotoMenu {
        bottom: 2vw;
    }

}

@media screen and (orientation: landscape) {
    .menuText{
        line-height: 4vh;
        font-size: 3vh;
    }

    #pause{
        line-height: 9vh;
    }
    
    #endGame > div {       
        width: 10em;
        height: 6.5em;
        top: 25%;
        font-size: 8vh;
    }

    #endGame > div > div {
        border-radius:0.4vw;
    }

    #startNewGame,#gotoMenu{
        border: 0.7vh solid #FFFFFF;
        margin: 0 0.15vw;
        border-radius: 1.5vh;
    }

    #startNewGame{
        bottom: 14vh;
    }

    #gotoMenu {
        bottom: 2vh;
    }
}