body{
  background-color: rgba(51, 51, 51, 0);
}

.popupMessage{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    text-align: center;
    padding: 30px;
    width: 320px;
    max-width: 70%;
    height:auto;
    background-image: url("../../files/raw/background.svg");
    background-color: aliceblue;
    background-repeat: no-repeat;
    background-position: center; 
    box-shadow: 1px 1px 5px 1px rgb(180, 180, 180);
}

.blueBtn{
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 40px;
  padding-left: 40px;
  font-size: 20px;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  color: rgb(255 255 255);
  background-color: #1a73e8;
  border-radius: 9px;
}

.close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
  }
  .close:hover {
    opacity: 1;
  }
  .close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
  }
  .close:before {
    transform: rotate(45deg);
  }
  .close:after {
    transform: rotate(-45deg);
  }