body {
  margin:0; font:normal 75% Arial, Helvetica, sans-serif;
}
canvas {
  display: block; vertical-align: bottom;
}
 #particles{
   position:absolute;
   width: 100%;
   height: 100%;
   background-color: #202020;
   background-image: url("");
   background-repeat: no-repeat;
   background-size: 20%;
   background-position: 50% 50%;
}



#form{
  position:absolute;
  background-color:white;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  width:80%;
  height:80%;

  max-width:800px;
  max-height:500px;
  overflow: auto;
  border-radius:30px;

}

#top40{
  width:100%;
  height:40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#logo{
  width:75%;
  height:100%;
  background-image:url("../img/logo.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size: contain;
}


#bottom60{
  width:100%;
  height:60%;
}

label{
  text-align:center;
  margin:auto;
  width: 100%;
  font-size:1.5em;

}

#sub{
  width:100%;

}
#log{
  display:block;

  margin: 0 auto;
}