body
{
    background-color: black;
    background-image: url('/images/background/background.webp');
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
h1
{
    color: orange;
}
th
{
    text-align: center;
    vertical-align: middle;
    color: orange;
    border-style: double;
    border: 1px solid white;
}
table
{
    margin: auto;
    background-color: rgb(0, 0, 0, 0.7);
    
}
td
{
    border-style: double;
    border: 1px solid white;
    vertical-align: middle;
    max-width: 500px;
    color:white;
}
.pozitiv
{    
    color: lightgreen;
}
.negativ
{
    color:red;
}
/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.p
{
color:white;
}
.modal { display: none; position: fixed; inset: 0; z-index: 10; overflow: auto;
  background: rgba(5, 6, 12, 0.8); backdrop-filter: blur(4px); padding: 6vh 16px; }
.modal-content { position: relative; margin: 0 auto; background: #151827;
  border: 1px solid orange; border-radius: 12px; padding: 28px 32px; color: #d7dbe8;
  box-shadow: 0 0 0 1px rgba(125,249,255,.15), 0 0 40px rgba(207, 135, 0, 0.493) }
.modal-content h2 { margin: 0 0 6px; font-size: 28px; color: #fff;}
.modal-content p { margin: 0 0 22px; color: #8b93b8; letter-spacing: .03em; }
.modal .close { position: absolute; top: 12px; right: 18px; font-size: 30px; line-height: 1;
  color: orange; text-decoration: none; text-shadow: 0 0 10px rgba(212, 138, 0, 0.911); }
.modal .pozitiv, .modal .negativ { padding: 14px 16px; margin-bottom: 12px; line-height: 1.7; text-align: left;
  background: #1b1f33; border-radius: 8px; }
.modal .pozitiv { border-left: 3px solid #39ff88; }
.modal .negativ { border-left: 3px solid #ff4f6d; }
.modal .pozitiv img, .modal .negativ img { width: 22px; margin: 3px 12px 0 0; }