/**
* Template Name: Groovin
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/groovin-free-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

#popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;

  justify-content: center;
  align-items: center;

  z-index: 99999;
}

.popup-content {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  text-align: center;

  max-width: 300px;
  width: 90%;
}

.popup-img {
  width: 100%;
  max-width: 250px;
}

.close-btn {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 25px;
  cursor: pointer;
}

#skipBtn {
  margin-top: 10px;
  padding: 8px 15px;
  border: none;
  background: gray;
  color: white;
  border-radius: 5px;
  cursor: not-allowed;
}