* {margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

#update {
   text-align: center;
}

html {
   background-color: navy;
}

body {
   font-family: Arial, Verdana, sans-serif;
   background-color: white;
   width: 98%;
   margin: 1% auto;
}

.main-header {
   display: flex;
   flex-direction: row;
   align-content: center;
   justify-content: center;
   align-items: center;
   gap: 10%;
   padding: 1%;
}

#GR-Krimis {
   color: maroon;
   font-size: 78%;
}

.return {
   font-size: 72%;
   font-weight: bold;
   color: navy;
}

main {
   width: 95%;
   margin: 10px auto;
   text-align: left;
   padding-bottom: 5%;
}

#mainFont {
   font-size: 107%;
}

@media (max-width: 992px) {
   .main-header {
      flex-direction: column;
      gap: 10px;
      /* Reduced gap for smaller screens */
   }

   #GR-Krimis,
   .return {
      text-align: center;
      margin-bottom: 5px;
   }

   main {
      width: 95%;
   }
}

@media (max-width: 576px) {
   body {
      width: 98%;
      margin: 0.5% auto;
   }

   .return {
      font-size: 110%;
   }

   main {
      width: 100%;
   }
}