body{
    padding: 0;
    margin: 20px 0;
    background: #fff;
    font-family: 'Gabarito', sans-serif;
    background: linear-gradient(45deg, #34009336, transparent, #c4001e12);
    min-height: 100vh;
}


a.button {
  display: block;
  padding: 10px 20px;
  background-color: #31008b;
  color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
    margin: 5px auto;
    width: 400px;
    max-width: calc(100vw - 80px);
}

a.button:hover {
  background-color: #c4001e;
}


h1, h2, h3 {
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
    font-family: 'Noto Sans', sans-serif;
}

p {
  color: #666666;
  line-height: 1.5;
  margin-bottom: 15px;
    text-align: center;
}


.mapy{
    text-align: center;
}


.aa{
    width: 400px;
    max-width: 100%;
}

table{
    width: 100%;
        width: 100%;
    border-collapse: collapse;
    border: hidden;
}

thead tr, thead td{
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px;
    text-align: left;
}



tr,td {
    border: 1px solid #000;
    padding: 8px;
    text-align: left;
    color: #000;
}

td a{
    color: #000;
}
.closeButton:hover{
    background: #ff5959;
}