@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=Roboto:wght@400;700&display=swap');
body{
  font-family: 'Roboto', sans-serif;
  padding: 0;
  margin: 0;
}


h2{
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
}

.butts{
  text-align: center;
}

.butts button{
  margin: 10px;
  background: #EFEFEF;
  padding: 8px 20px;
  border-radius: 4px;
  border-style: none;
}

#sel-tags span{
  font-weight: 400;
}
#sel-tags span::after{
  content: ", ";
}

#sel-tags span:last-child::after{
  content: "";
}


.node {
 /* stroke-width: 1.5px;*/
 
}
.node:hover circle {
  /*fill: #333333;*/
  /*stroke: #333333;*/
  
}

text {
  font: 18px 'Open Sans', sans-serif;
  text-anchor: middle;
  pointer-events: none;
  fill: white;
}


circle.dragging{
  /*fill: #FFFFFF!important;*/
  /*stroke: #999999!important;*/
}

p.msg{
  text-align: center;
}


svg#projects > g > circle{
  /*-webkit-filter: url("#iimage");*/
	/*fill: url("#iimage")!important;*/
  
  
}

svg#projects{
  /* -webkit-filter: url("#goo");
	filter: url("#goo"); */
}