#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#26262c;
    display:none;
  }  
  #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:600px;
    height:auto;
    display:none;
    z-index:9999;
    padding:40px;
    border-radius: 5px;
    text-align: left;
    border:2px solid #d4af37;
  }
  #boxes #dialog {
    width:600px; 
    height:auto;
    padding: 30px 30px 30px 30px;
    background: linear-gradient(157deg, rgba(2,0,36,1) 0%, rgba(5,69,34,1) 30%, rgba(0,40,0,1) 92%);}
    font-size: 15px;
  }
  

  .popupoption:hover{
   background-color:#D1D1D1;
   color: green;
  }
  .popupoption2:hover{
   color: red;}

  .close {opacity:1;font-size:14px;color:#601610;}

  @media (max-width:450px){#boxes #dialog, #boxes .window {width:96%;top:20px;font-size:12px;margin-top:220px;margin-left:-30px;}}