:root{
  --mapWidth:100%;
  --mapHeight:calc(var(--mapWidth)/1.1618);
  
  --contWidth: 500px;
	--contHeight: 400px;
}

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
html {
  width: 100%;
  height:calc(var(--vh)*100);
  scroll-behavior: smooth;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  background: #ffffff;  
  position:relative;

  font-weight: 300;
  font-size: 16px;
  height:calc(var(--vh)*100);
}


#magyarorszag{
  fill:#ED2020;
  stroke: #ED2020;
  stroke-width: 0.2px;
  
}


#lengyelorszag{transition: all 0.8s ease;}
#ausztria{transition: all 0.8s ease;}
#szlovakia{transition: all 0.8s ease;}
#hollandia{transition: all 0.8s ease;}
#bulgaria{transition: all 0.8s ease;}
#ukrajna{transition: all 0.8s ease;}
#feheroroszorszag{transition: all 0.8s ease;}
#litvania{transition: all 0.8s ease;}
#nemetorszag{transition: all 0.8s ease;}
#spanyolorszag{transition: all 0.8s ease;}
#gorogorszag{transition: all 0.8s ease;}
#dania{transition: all 0.8s ease;}
#kinainepkoztarsasag{transition: all 0.8s ease;}
#oroszorszag1{transition: all 0.8s ease;}
#oroszorszag2{transition: all 0.8s ease;}
#olaszorszag{transition: all 0.8s ease;}