/* Define a custom class */
.correctAnswer {
    color: rgb(228, 20, 138);
    font-size: 30px;
    text-align: left;
    background-color: rgba(6, 6, 6, 0.758);
    padding: 10px;
    border-radius: 5px;
}

.welcome{
    
    color: rgb(49, 3, 167);
    font-size: 30px;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
}

.incorrectAnswer {
    color: rgb(176, 98, 98);
    font-size: 18px;
    background-color: lightgray;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    background-color: rgba(244, 241, 238, 0.758);

}

.wrongAgain {
    color: rgb(176, 98, 98);
    font-size: 30px;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    background-color: rgba(244, 241, 238, 0.758);

}

.summary{
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(96, 94, 94);
    font-size: 30px;
    font-weight: bold;
    text-align: left;
} 

.instructions{
    font-size: 30px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
}

body {
    color: rgb(15, 13, 13);
    background-image: url(images/bgMap.jpg);
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-size-adjust: 100%; 
}

.categoryPostal {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(162,201,170);
    font-size: larger;
    font-weight: bold;
    background-color: rgb(96, 94, 94, 0.758);
}

.categoryCapital {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(219,172,172);
    font-size: larger;
    font-weight: bold;
    background-color: rgb(96, 94, 94, 0.758);
}
/* Define a custom ID */
#missedList {
    color: rgb(176, 98, 98);
    font-size: 18;
    font-weight: bold;
    text-align: left;
    margin: 20px;
    background-color: rgba(244, 241, 238, 0.758);
}