/* TABLE (FOR ROOMS) */
table {
  border-collapse: collapse;
}

td, th {
  border: solid thin black;
  padding: 5px;
}

/* NAVBAR (SIMPLE DESIGN SHAMELESSLY STOLEN FROM https://tomat.dev/undertale) */
nav ul {
    list-style: none;
    padding: 0;
}
nav li {
    display: inline;
}
nav li + li:before {
    content: " • ";
}

/* IDK */
body{
    font-family: Arial, Helvetica, sans-serif;
    overflow-wrap: break-word;
}

h5{
    font-size: 14pt;
    margin: 0;
}

p, div.special{
    padding: 0 0 0.5em 0;
    margin: 16px 0px;
}

/* POPUP BOX */
.hidden {
  display: none;
}

/* Popup container */
.popup {  
    border:2px solid #000;
    position:fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    width:550px;         
    height:180px;
    background: #fff;
    padding: 25px;
    margin:auto;
    z-index: 6;
}
  
  /* The actual popup (appears on top) */
.overlay {
  margin: auto;  
  background:#dbd3a17b;  
  z-index: 1;
  width: 100%;
  height: 100%;
  position:fixed;
  top: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(3px);
}
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
    visibility: visible;
  }

.btn-open{
  float: right;
  background-color: yellow;
  cursor: pointer;
  font-size: larger;
}

@media all and (max-width: 600px) {
  .popup{
    width: auto;
  }
}