body{
    background-color: black;
    font-family: 'Figtree';
}

h1 {
    color: rgb(255, 255, 255);
    margin: 0;
    padding: 0;
    text-align: center; 
}

#France {
    color: rgb(196, 196, 196) ;
    margin: 0px 3px 3px 3px;
    padding-top: 0px;
    text-align: center;
    font-size: 30px;
}


.comerciales {
    background-color: rgb(182, 182, 182);
    width: 80px;
    height: 20px;
    border: 0.5px rgb(255, 255, 0) solid;
    margin: 0;
    padding: 0;
}

.comerciales:hover {
    background-color: rgb(128, 128, 128);
}

.comerciales:active {
    background-color: rgb(56, 56, 56);
    color: rgb(255, 255, 255);
    border: 0.5px rgb(255, 0, 0) solid;
}


.typo{
    background-color: rgb(204, 204, 204);
    width: 50px;
    height: 20px;
    border: px beige solid;
    font-size: 7px;
    vertical-align: top;
    border: 0.5px rgb(255, 255, 0) solid;
    margin: 0;
    padding: 0;
    gap: 0;
}

.typo:hover {
    background-color: rgb(128, 128, 128);
}

.typo:active {
    background-color: rgb(56, 56, 56);
    color: rgb(255, 255, 255);
    border: 0.5px rgb(255, 0, 0) solid;
}

/*SIZE OF THE MAP*/
#map { 
    height: 600px;
    text-align: center;
}