@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');



svg{
  pointer-events:all;
}

.boardgame {
  position: relative;
}

.space {
  
  fill:#8d1821;
  stroke:#787878;
  stroke-width:2;
  
}

.nullspace {
    stroke:#787878;
  stroke-width:2;
  
}


.space:hover {
 cursor: pointer;
}

.boardgameicon:hover {
  cursor: pointer;
}

.space:hover, .space:focus .space:active {
  /*fill: #939799  !important;*/
  stroke:#787878 !important;
  stroke-width: 4;
}

.nullspace:hover, .nullspace:focus .nullspace:active {
  /*fill: #939799  !important;*/
  stroke:#8d1821 !important;
  stroke-width: 3;
}



.space:active {
  /*fill:coral;*/
  stroke:#787878 !important;
  stroke-width: 0.5;
}

.space:selected {
  /*fill:coral  !important;*/
  stroke:#787878 !important;
}



.hidden {
  display:none !important;


}

.current {

    stroke:#787878 !important;
  stroke-width: 5;
  
}

.icon {
  
  fill:white;
  stroke:white !important;
  stroke-width: 0.25;
  
}

.titletext {
  
   font-size:5vh;
  font-family: 'Roboto', sans-serif;
  
}

.textcurrent {
  
    text-decoration: underline;
}

#bodytext {
     display: inline-block;
  font-size:5vh;
  font-family: 'Roboto', sans-serif;
  
}

.info {
  font-size:3.5vh;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  
}

.squarealt1 {
  fill:#dcdcdc !important;
  
}

.squarealt2 {
  
  fill:#f0f0f0 !important;
  
}

.startend {
  
  fill:#C04B54 !important;
  
}

/* HOVER ICON AND SPACE TOGETHER*/

/*

#svg_25:hover ~ #svg_85 {
  stroke:orange !important;
  stroke-width: 4;
  
}

#svg_30:hover ~ #svg_80 {
  stroke:orange !important;
  stroke-width: 4;
  
}

#svg_33:hover ~ #svg_87 {
  stroke:orange !important;
  stroke-width: 4;
  
}

#svg_37:hover ~ #svg_83 {
  stroke:orange !important;
  stroke-width: 4;
  
}

#svg_42:hover ~ #svg_86 {
  stroke:orange !important;
  stroke-width: 4;
  
}

#svg_46:hover ~ #svg_84 {
  stroke:orange !important;
  stroke-width: 4;
  
}

#svg_48:hover ~ #svg_89 {
  stroke:orange !important;
  stroke-width: 4;
  
}

*/