body {
  overflow: scroll; /* Show scrollbars */
}
.popup .overlay {
  /*position:fixed;
  top:750px;
  left:750px;
  width:100vw;
  height:100vh;
  background:rgba(8,8,8,8,7);
  z-index:1;
  display:none; */
  display: block;
  position:relative;
  top:50%;
  left:50%;
  background:rgba(8,8,8,8,7);
  z-index:1;
  display:none;
  /*transform:translate(-50%,-50%); */
}
  
 .popup .content {
  /*position:absolute;
  top:1000px;
  left:1000px;
  transform:translate(-50%,-50%) scale(0);
  position:relative;
  width:450px;*/
  background:#e5ae57;
  color:#000000;
  width:320px;
  /*height:420px;*/
  height:620px;
  z-index:2;
  text-align:left;
  padding:20px;
  box-sizing:border-box; 
  display: block;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  position:fixed;
}

.popup .close-btn {
  cursor:pointer;
  position:fixed;
  /* position:absolute;
  right:520px;
  top:770px;
  left:770px;
  text-align:center;
  color:#111;*/
  background:#555;
  text-align:center;
  top:15%;
  left:80%;
  width:30px;
  height:30px;
  color:white;
  font-size:25px;
  font-weight:600px;
  line-height:30px;
  border-radius:50%;
}

.popup.active .overlay {
display:block;
}

.popup.active .content {
 transition:all 300ms ease-in-out;
 transform:translate(-50%,-50%) scale(1);  
}