html,
body {
  margin: 0;
  padding: 0;
  /* background-color: black; */
}

.p5Canvas{
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin:auto;
}

#created-element {
  visibility: hidden;
  display: none;
  
}


button {
  font-size: 0.8em;
  /* font-size: 3.2vm; */

  /* padding: 1em; */

  font-family: 'Roboto', sans-serif;

  /* color: #00ffffff; */

  border: none;
  background:none;

  position: relative;
  /* left: 50%; */
  /* bottom: -10px; */
  /* right: auto; */
  /* bottom: 10; */
  /* top: 70px; */

  z-index: 10;
  
}

button:focus{
  border: none;
  background:none;
  outline: 0;
}


.btt{
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 10px;


}

.cover-body{
  background-color : rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;

  z-index: 12;

  
}

.text-h1{
  font-family: 'Roboto', sans-serif;
  font-size: 3em;
  color: #00ffffff;
  text-align: center;
  
  

}

.text-h2{
  font-family: 'Roboto', sans-serif;
  font-size: 6em;
  color: #0071bcff;
  /* text-align: center; */
  /* justify-content: center; */
  /* align-items: center; */
  /* text-justify: center;  */
  /* text-align: center; */
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 50vh;
  

}


.aw_hor {
  /* position: absolute; */
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
  display: none;
  z-index: 13;

}

.aw_ver {
  /* position: absolute; */
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
  
  display: none;
  z-index: 13;

}