body {
background-color: black;
color:Tomato;
font-size: 12px;
padding: 10px 20px;
text-align: left;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;  

}

.city {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

h1   {color: blue;}
p    {color: red;}

.main {
background-color: black;
text-align: left;
font-family: Arial, Helvetica, sans-serif; 
color:Tomato;
border: 2px solid #;
padding : 5px;
position: absolute; 
top: 10px; 
left: 1%; 
width: 15%;
z-index: 0;
scroll;
}

.menu {
	
color:Tomato;
  font-family: Arial, Helvetica, sans-serif;  
background-color: #333333;

 border: 2px solid #;
padding : 5px;
width: 100%;

}

.result {
position: absolute;
left: 17%;
top: 10px;
font-family: Arial, Helvetica, sans-serif;
background-color: grey;
color:Tomato;
border: 2px solid #;
padding : 5px;
width: 15%;
z-index: 1;
scroll;
}


.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:Tomato;
}



.result2 {
position: absolute;
top: 10px;
left: 35%;	
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: lightgrey;
border: 2px solid #;
padding : 5px;
width: 25%;
height: auto; 
z-index: 0;
}

.div{
  font-family: Arial, Helvetica, sans-serif;
scroll;
}


.resultat {
position: absolute;
top: 10px;
margin-Left: 50%;
margin-right: 0px;
text-align: right;	
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:Tomato;
background-color: black;
border: 2px solid #;
padding : 5px;
width: 50%;
height: 1000px; 
z-index: 0;
scroll;
}
	

.iframe {

background-color: black;
  width: 100%;
    height: 1000px;
}

.node circle {
  cursor: pointer;
  stroke: #3182bd;
  stroke-width: 1.5px;
}

.node text {
  font: 10px sans-serif;
  pointer-events: none;
  text-anchor: middle; 
color:Tomato;
}

line.link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px;
}