.secret{
  display: none !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  user-drag: none; 
  -webkit-user-drag: none;


}
.optasiorama{
  width: 100%;
  height: 100%;
  background-color: black;
}

.optasiorama.notSeen{
  display: none;
}

body {
    margin: 0;
    overflow: hidden;
}

.portal.particles-js-canvas-el{
  
}

.portal.view{
  /*width: calc(100%-50);*/
}

.portal .sigil .drag{
    /*background-image: repeating-radial-gradient(red, yellow 10%, green 15%);*/
    background: radial-gradient(circle, #33c8ea  1%, transparent 70%);
}
.sigil{
/*  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;*/

/*  position: absolute;
  top: 50%;
  height: 100px;
  margin-top: -50px;*/
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sigil .logo{
  position: absolute;
  z-index: 0;
  width: 100%;
  /*height: auto;*/
}

.sigil .drag{
  position: absolute;
  z-index: 2;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.sigil .drag.seen{
  background: radial-gradient(circle, #33c8ea  1%, transparent 70%);
}

.sigil .touchpoint{
  width: 36px;
  height: 36px;
  background: tranparent;
  border-radius: 50%;
  z-index: 0;
}

.sigil .touchpoint.seen{
  background: radial-gradient(circle, #f504e2 1%, transparent 70%);
}