body{
    font-family: 'Montserrat', sans-serif;
    color: #037c87;
}
.words{
    font-weight:bolder;
    font-size:2em;
    margin:auto;
    padding:15px;
    display:none;
}

#globe-container{            
    width:100%;           
    position: relative; 
    display:block;
    margin:auto;
    padding:15px;
}

.votepopup{
    /* display: block; */
    position: absolute;
    top: 0px;
    left: 20%;
    padding:5px;
    margin:5px;
    background-color:rgba(200, 200, 200, 0.75);
    border-radius: 15px 0px;
    opacity: 0;
    width:60%;
    margin:auto;           
    font-family: sans-serif;
    font-size: 1.5em;
    color: black;            
    vertical-align: middle;
    text-align: center; 
    border:1px solid silver;
    font-family: 'Montserrat', sans-serif;
}

.country-label{
    font-weight:bold;
    display: block;
    font-size:1.1em;
}

.penguin-name{
    font-weight:bold;
    display: block;
    font-size:1.5em;
}

#mainContainer{
    
    width:100%;
    text-align:center;
    
}
#counter-container{
    width:100%;
    display:block;
    margin:auto;
    
}
#counter-container svg{
    text-align:center;
}
@media only screen and (max-width: 390px) {
    .votepopup {
        width: 90%;
        font-size: 1em;
        left: 5%;
    }
    .votepopup span {
        width: 100%;
    }
}