/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31 May 2020, 15:28:33
    Author     : james
*/

.game_div {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left_menu_div {
    display: inline-block;
    width: fit-content;
}

.right_menu_div {
    display: inline-block;
    width: fit-content;
    margin-left: 2em;
    vertical-align: top;
}


.game_menu_div {
    display: inline-block;
    border-radius: 5px;
    border-color: #3f1a6d;
    border-width: 1px;
    border-style: solid;
    padding: 0.6em;
    box-shadow: 0.5em 0.5em #423636;    
    
}

.game_srv_msg {
    display: block;
    border-radius: 5px;
    background-color: black;
    color: greenyellow;
    margin-top: 1em;
    padding: 0.3em;
}

.game_content_div {
    display: inline-block;
    padding: 0.6em;
    vertical-align: top;
}

.game_menu_field {
    display: block;
    padding: 0.3em;
}

.game_menu_label {
    display: inline-block;
    width:  7em;
}

.game_button {
    color: #fff;
    padding: 0.6em;
    background-color: #3f1a6d;
    border-radius: 5px;
    font-size: 1.2em;
    box-shadow: 2px 2px #423636;    
}

.game_image {
    width: 5em;
}

.div_row {
    height: 7em;
    display: flex;
}

.div_answer {
    width: 5em;
    height: 5em;
    border-radius: 5px;
    border-color: #3f1a6d;
    border-width: 1px;
    border-style: solid;
    padding: 0.6em;
    box-shadow: 0.5em 0.5em #423636;    
    display: inline-block;    
    margin-left: 2em;
    text-align: center;
    vertical-align: middle;
}

.answer_p {
    font-size: 4em;
    padding: 0em;
    margin: 0em;
}

.div_guess {
    width: 5em;
    height: 5em;
    border-radius: 5px;
    border-color: #3f1a6d;
    border-width: 1px;
    border-style: solid;
    padding: 0.6em;
    box-shadow: 0.5em 0.5em #423636;    
    display: inline-block;
    margin-left: 2em;
    vertical-align: top;
    text-align: center;
}

.div_holder {
    margin-top: 0.5em;
    vertical-align: middle;
}

.game_txt_answer, .game_num_answer {
    margin: auto;
    vertical-align: top;
    font-size: 3em;
    text-align: center;
    width: 1.5em;
}

.div_sym_back {
    display: inline-block;
    font-size: 1em;
    border-radius: 5px;
    border-color: #3f1a6d;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0.2em 0.2em #423636;  
    margin-right: 0.2em;
    padding: 0.2em;
}

.div_sym_next {
    display: inline-block;
    font-size: 1em;
    border-radius: 5px;
    border-color: #3f1a6d;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0.2em 0.2em #423636;    
    margin-left: 0.1em;
    padding: 0.2em;
}

.div_sym_img {
    display: inline-block;
}

.img_guess {
    width: 2.2em;
    padding-top: 1em;
}

.img_answer {
    width: 2.2em;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}