h1, body, html {
  padding: 0;
  margin: 0;
	overflow:hidden;
}

/* RED CIRCLE #00AFF0*/
#circle{
  box-shadow: 0 0 0 2pt red;
  border-radius:50%;
  height:20px;
  width:20px;
  position: absolute;
  z-index:10;
  backface-visibility: hidden;
  transition: transform 0.3s ease-out;
}

#circle.is-moving {
  transform: scale(1.7);
}
/* HOVERING THINGS */
.home,.link{
	position: fixed;
	top:5%;
	z-index:101;
}
.home{
	left:10%
}
.link{
	right:10%
}
.home i,.link i{
	font-size:3rem;
	z-index:101;
	color:#FFF;
}
.home i:hover,.link i:hover {
	color:transparent;
	text-shadow: 0 0 5px #FFF;
}
/* POINTS CSS */
canvas {
  margin: 0;
  padding: 0;

}

.ui {
  display: flex;
  justify-content: center;
}
#canvas_holder{
    width:200px;
}
.contain_dotted{
	position: relative;
}
.contain_dotted input {
  font-family: 'Fugaz One';
  /*  Fugaz One*/
  flex: 1 0 1;
  flex-basis: 50%;
  padding: 5px;
  color : rgba(155,155,255,1);
  font-size: 24px;
  border: none;
  /* border-bottom: 2px solid rgba(155,155,255,1); */
  border-radius: 5px;
  text-align: center;
  transition: 0.5s;
}