body {
  background-image: url('../images/vis_background.avif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  text-align: center;

/* Disable text selection globally */
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* Standard syntax */
  }

/* Re-enable text selection in input fields and editable content */
  input,
  textarea,
  [contenteditable="true"] {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
  }






/* Disable and enable home scroll when open iframe */
body.modal-open {
      overflow: hidden;
      height: 100vh;
      }






img {
  width:33.8%
  }






/* Links yellow stroke */
.stroke {
  color: yellow;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size:20px;
  font-weight:bold;
  }






/* Modal Style */
.modal {
      display: none;
      position: fixed;
      z-index: 99999999 !important;
      margin: 0;
      padding: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100vw;
      height: 100vh;
      overflow: auto;
      background-color: rgba(0,0,0,0.9);
      text-align: left;
      }




/* Modal Content (iframe) */
.modal-content {
      display: block;
      margin: auto;
      width: 100%;
      max-width: 950px;
      height: 100vh;
      }




/* The Close Button */
.close-modal-btn {
      z-index: 99999998;
      position: sticky;
      left: 45px;
      top: 45px;
      color: #1abfe8;
      font-size: 45px;
      font-weight: bold;
      transition: 0.3s;
      text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
      }

.close-modal-btn:hover,
.close-modal-btn:focus {
      color: red;
      text-decoration: none;
      cursor: pointer;
      }