element {
    font-family: 'Source Sans Pro', sans-serif;
}

body{
    margin:0px; 
    overflow: hidden;
    
}

.sphere{
    fill: #fff;
}

.country{
    fill: #6d757d;
    stroke: white;
    stroke-width: 0.9px;
}




#Argentina {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Argentina:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Belize {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Belize:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#China {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#China:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Colombia {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Colombia:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Ecuador {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Ecuador:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Ethiopia {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Ethiopia:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Ghana {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Ghana:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Guatemala {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Guatemala:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Haiti {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Haiti:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Honduras {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Honduras:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#India {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#India:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Iraq {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Iraq:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Israel {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Israel:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#MarshallIs\. {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#MarshallIs\.:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Mexico {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Mexico:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Micronesia {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Micronesia:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Moldova {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Moldova:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Myanmar {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Myanmar:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Nepal {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Nepal:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Nigeria {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Nigeria:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Panama {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Panama:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Philippines {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Philippines:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Romania {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Romania:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Saudi_Arabia {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Saudi_Arabia:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Sudan {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Sudan:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Swaziland {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Swaziland:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Switzerland {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Switzerland:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Tanzania {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Tanzania:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Vietnam {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Vietnam:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}

#Zambia {
    fill: #ffcd00;
    stroke: white;
    stroke-width: 0.9px;
}

#Zambia:hover {
    fill: #282828;
    stroke: #fff;
    stroke-width: 2.0px;
}