@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

text {
    font-family: 'Open Sans';
}

#scatter svg {
    margin-right: auto;
    margin-left: auto;
}

div.tooltip {	
    position: absolute;			
    text-align: center;			
    width: 50px;					
    height: auto;					
    padding: 4px;				
    font: 10px Open Sans;		
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;			
}

div.desc {	
    position: absolute;			
    text-align: center;			
    width: 150px;					
    height: auto;					
    padding: 4px;				
    font: 10px Open Sans;		
    background: lightsteelblue;	
    border: 0px;		
    border-radius: 8px;			
    pointer-events: none;			
}

.axis text {
    fill: black;
}

.axis line {
    stroke:gray;
    stroke-width: 2px;
}

.axis path {
    stroke:gray;
    stroke-width: 2px;
}