.modal {
  /*position: absolute;*/
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem 3rem;
  border: 3px solid black;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
  /*box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);*/
  height: 2235px;
  width: 2475px;
  border: 0px solid #4CAF50;
  backdrop-filter: blur(3px);
  z-index: 1;
}
.message {

  font-size:1.1rem;
  margin-bottom: 1.6rem;
  margin-top: 1050px;
  margin-left: 0px;
}
.btn {
  color:inherit;
  font-family:inherit;
  font-size: inherit;
  background: rgb(0, 175, 38);
  padding: 0.3rem 3.4rem;
  border: 3px solid rgb(0, 175, 38);
  margin-right: 2.6rem;
  box-shadow: 0 0 0 rgb(3, 0, 39);
  transition: all 0.1s;
}

.btn:last-child {
  margin: 0;
}

.btn:hover {
  box-shadow: 0.4rem 0.4rem 0 black;
  transform: translate(-0.4rem, -0.4rem);
}

.btn:active {
  box-shadow: 0 0 0 black;
  transform: translate(0, 0);
}

.optionsx {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.close-button {
    transition: all 0.5s ease;
    position: absolute;
    background-color: #d12d04;
    padding: 1.5px 7px;
    left: 0;
    margin-top: 1050px;
    margin-left: 1400px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: white;
    -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
}

.hidden {
  display: none;
}

.compu{
    display:block;
}

.tele{
    display:none;
}

@media (max-width: 630px){
    .compu{
    display:none !important;
    }

.tele{
    display:block !important;
    }
}