html {
  height: 100%
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #ffffff;
  background-size: 100% 100%;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display:block;
  width:100%; height:100%;
  object-fit: contain;
}

.stretch {
  display:block;
  width:100%; height:100%;
}

.bottom-image {
    position: absolute; /* Position relative to the .container */
    bottom: 40px; /* 40px from the bottom */
    width: 210px; /* Fixed width */
    height: auto; /* Maintain aspect ratio */
    left: 50%; /* Start from the horizontal center */
    transform: translateX(-50%); /* Adjust to truly center the image */
}
/* edgenode:roles-splash */
.edgenode-splash-mark { width: 120px; height: auto; animation: edgenode-pulse 1.6s ease-in-out infinite; }
@keyframes edgenode-pulse { 0%, 100% { opacity: 0.55; transform: translate(-50%, -50%) scale(0.96); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.edgenode-dark-only { display: none; }
html.edgenode-dark body { background-color: #121212; }
html.edgenode-dark .edgenode-light-only { display: none; }
html.edgenode-dark .edgenode-dark-only { display: block; }