.popup-hidden {
  display: none;
 }

.popup-visible {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-animation: swoop-in 4000ms linear 2000ms 1 normal both;
  animation: swoop-in 4000ms linear 2000ms 1 normal both;
 }

.popup-content {
  position: absolute;
  top: 10%;
  right:-8%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background-color: #FFFFFF;
  border: 2px solid #0000FF;
  border-radius: 5px;
  text-align: justify;
  font-weight: bold;
  font-size:15px;
  color:#0000FF;
}

.close-btn {
  position: absolute;
  top: -5px;
  right: 10px;
  color: #0000FF;
  cursor: pointer;
}
@-webkit-keyframes swoop-in
{
   0% { -webkit-transform: translate(400px,0px) rotate(0deg) scale(1.5,1) ; opacity: 0;  }
   
}
@-moz-keyframes swoop-in
{
   0% { -moz-transform: translate(400px,0px) rotate(0deg) scale(1.5,1) ; opacity: 0;  }
   
}
@keyframes swoop-in
{
   0% { transform: translate(400px,0px) rotate(0deg) scale(1.5,1) ; opacity: 0;  }
   
}