MediaWiki:Common.css/MainPage.css

/* CSS placed here will be applied to all skins */

#logo {
  display: block;
  margin: 20px auto;
  width: 50%;
  opacity: 0; 
}

#logo:hover img {
  transform: none !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1; 
  }
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 2px solid #333;
  background-color: #c1c3ff;
}

td {
  padding: 15px;
  text-align: center;
  border: 2px solid #333;
  box-sizing: border-box;
  width: 25%;
  white-space: nowrap;
}

.last-modified-bar {
  display: none;
}

@media (max-width: 768px) {
  td {
    padding: 10px;
  }
}

@media (min-width: 441px) and (max-width: 744px) {
  td {
    width: 10%; 
  }
}

@media (max-width: 680px) {
  #logo img {
    display: block;
    margin: 20px auto;
    width: 100%;
    height: 100%;
    max-height: auto;
    opacity: 0; 
  }
}