body, html {
  /*font-family: 'Helvetica', sans-serif;*/
  height: 100%;
  font-family: 'Inter';
}

#intro-container{
/*  display: block;*/
  width: 40%;
  margin:auto;
}
#heading-container {
  text-align: center;
  padding: 15px;
}

#heading-container p {
  padding:0;
}
/*#container {
  padding-left:50%;
  padding-right:50%;
}
*/

h1 {
  color: #27c486;
}
a {
  color: #34bdeb;
}
a:hover {
  font-weight: bold;
}


p{
  padding:10;
}

.container {
  display: flex;
  justify-content: space-evenly;
}
.item {
  width: 40%;
}

#col-right {
   margin-top: 3%;
   /*
  margin-bottom: 2%;
  border: 2px solid black; */
  padding:2%;
  position: relative;
}


#voronoi-canvas {
  width: 100%; /* set canvas width to 100% of parent div */
  height: 100%; /* set canvas height to 100% of parent div */
  position: absolute; /* position canvas absolute within #col-right div */
  top: 0;
  left: 0;
}

img {
  width: 50%
}