/*SSTV tx rx pages*/

body {
margin:0;
padding:0;
background-color:transparent;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.container {
  display: flex;         /* Ensure the container uses flexbox */
  flex-wrap: wrap;       /* Allow images to wrap to the next line */
  gap: 0;                /* Remove any gap between the images */
  justify-content: center; /* Center the items horizontally */
  align-items: center;     /* Center the items vertically */
}

.sstv-image {
display:block;
width:280px;
height:222px;
padding:0;
margin:0;
}

.paginate {
font-family:sans-serif;
text-decoration:none;
font-size:20px;
}

#reloadButton {
position: fixed;
top: 0px;
left: 0px;
border: none;
font-size: 20px;
cursor: pointer;
width:50px;
height:441px;
}

#reloadButton:hover {
background-image: url('/images/refresh-40.png');
background-repeat: no-repeat;
background-position: center center;
}

#pagination {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: black; /* Adjust as needed */
    border-top: 1px solid #ccc; /* Optional: Add a border for separation */
    padding: 10px; /* Adjust padding as needed */
    z-index: 999; /* Ensure it's above other content */
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better visibility */
}