.elementor-1287 .elementor-element.elementor-element-a560c6f{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-1287:not(.elementor-motion-effects-element-type-background), body.elementor-page-1287 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}/* Start custom CSS for html, class: .elementor-element-6e4c5cb */body{
  margin:0;
  background:#000;
  font-family:-apple-system;
  color:white;
}

#map{
  width:100%;
  height:100vh;
}

/* LOCK */
#lock{
  position:fixed;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  backdrop-filter:blur(8px);
  z-index:10;
}

.card{
  background:rgba(20,20,20,0.8);
  padding:30px;
  border-radius:20px;
  text-align:center;
}

.card input{
  margin-top:10px;
  padding:10px;
  border:none;
  border-radius:10px;
}

.card button{
  margin-top:10px;
  padding:10px;
  border:none;
  border-radius:10px;
  background:white;
  color:black;
}

/* SHAKE */
.shake{animation:shake .3s;}
@keyframes shake{
  25%{transform:translateX(-5px);}
  50%{transform:translateX(5px);}
  75%{transform:translateX(-5px);}
}

/* INFO */
#info{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(20,20,20,0.7);
  padding:10px 20px;
  border-radius:20px;
}

/* PANEL */
#panel{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:280px;
  background:rgba(20,20,20,0.8);
  padding:20px;
  border-radius:20px;
}

.hidden{display:none;}

button{
  width:100%;
  margin-top:10px;
}/* End custom CSS */