/* Can Figure Game alternate CSS file with alternate classes */


.bodyGameboy {
    background-color: #9bbc0f;  
    border: 8px solid black;
}

.menuNameTextGameboy{
    display: inline-block;
    background-color: #306230;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border: 12px outset #306230;
    
    font-size: 42px;
    font-family: Georgia, Arial, sans-serif;
    color: #8bac0f;
    text-shadow: 2px 2px 1px #0f380f;
    
    line-height: 1.1;
}

.entryTextAreaGameboy{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height: 100%;
    width: 85%;
    border: 0px solid blue;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-right: none;
    background-image: url("assets/images/grayPalette/grey_button05.png");
    background-repeat: no-repeat;
    background-size: contain;
    
    line-height: 100px;
    text-align: center;
}

.bodyPlaid {
    background-color: #d78c35;  
    border: 8px solid #113f0a;
}

.menuNameTextPlaid{
    display: inline-block;
    background-color: #8c4220;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border: 12px outset #8c4220;
    
    font-size: 42px;
    font-family: Georgia, Arial, sans-serif;
    color: #c76b35;
    text-shadow: 2px 2px 1px #560a29;
    
    line-height: 1.1;
}

.entryTextAreaPlaid{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height: 100%;
    width: 85%;
    border: 0px solid blue;
    border-radius: 20px;
    background-color: #113f0a;
    
    line-height: 100px;
    text-align: center;
    color: #c76b35;
}

.bodyPink {
    background-color: #fceef5;  
    border: 8px solid #e05297;
}

.menuNameTextPink{
    display: inline-block;
    background-color: #ea86b6;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border: 12px outset #ea86b6;
    
    font-size: 42px;
    font-family: Georgia, Arial, sans-serif;
    color: #f3bad6;
    text-shadow: 2px 2px 1px #e05297;
    
    line-height: 1.1;
}

.entryTextAreaPink{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height: 100%;
    width: 85%;
    border: 0px solid blue;
    border-radius: 20px;
    background-color: #e05297;
    
    line-height: 100px;
    text-align: center;
    color: #f3bad6;
}

.bodyPolkaDot {
    background-color: #bbe1fa;  
    border: 8px solid black;
    background-image: url("assets/images/bluePalette/blue_circle.png");
    background-repeat: repeat;
}

.bodyGreenClass {
    background-color: #d6efc7;  
    border: 8px solid black;
}

.menuNameTextGreen{
    display: inline-block;
    background-color: #96bb7c;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border: 12px outset #96bb7c;
    
    font-size: 42px;
    font-family: Georgia, Arial, sans-serif;
    color: #fad586;
    text-shadow: 2px 2px 1px #184d47;
    
    line-height: 1.1;
}

.entryTextAreaGreen{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    height: 100%;
    width: 85%;
    border: 0px solid blue;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-right: none;
    background-image: url("assets/images/greenPalette/green_button13.png");
    background-repeat: no-repeat;
    background-size: contain;
    
    line-height: 100px;
    text-align: center;
}

.entryTextUpsideDown{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 2px;
    padding: 8px;
    padding-bottom: 32px;
    
    border: 0px dashed brown;
    line-height: 1.0;
    font-family: Georgia, Arial, sans-serif;
    font-size: 30px;
    color: #252a34;
    overflow: hidden;
    
    transform: rotate(180deg);
}

.entryTextVertical{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 2px;
    padding: 8px;
    padding-bottom: 32px;
    
    border: 0px dashed brown;
    line-height: 1.0;
    font-family: Georgia, Arial, sans-serif;
    font-size: 30px;
    color: #252a34;
    overflow: hidden;
    
    writing-mode: vertical-rl; 
}

.entryTextBuff{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 2px;
    padding: 8px;
    padding-bottom: 32px;
    
    border: 0px dashed brown;
    line-height: 1.0;
    font-family: impact, Arial, sans-serif;
    font-size: 30px;
    color: #252a34;
    overflow: hidden;
}

.entryTextAlien{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 2px;
    padding: 8px;
    padding-bottom: 32px;
    
    border: 0px dashed brown;
    line-height: 1.0;
    font-family: futura, Arial, sans-serif;
    font-size: 30px;
    color: #e9b0df;
    overflow: hidden;
    
    transform: skewY(-20deg);
}

.bodyCloud {
    background-color: #bedcfa;  
    background-image: url("assets/images/cloud2.png");
    background-repeat: no-repeat;
    background-size: contain;
    border: 8px solid black;
}







/*Generic Classes*/


/**/


/*ANIMATIONS*/





/**/
/**/
/**/