/* Basic styling */
        body {
            font-family: 'Courier New', monospace;
            margin: 0;
            padding: 0;
            background-color: #54A8A8;
        }
        /* Grid container */
        .grid-container {
            display: grid;
            gap: 20px;
            padding: 20px;
            align-items: start;
            /*grid-auto-rows: max-content;*/
            /*grid-auto-rows: fit-content(1em);*/
            /* 2 columns on larger screens */
            grid-template-columns: 1fr 1fr;
        }

        /* Items inside the grid */
        .grid-item {
          border-top: 1px solid #DFDFDF;
          border-left: 1px solid #DFDFDF;
          border-bottom: 1px solid #000000;
          border-right: 1px solid #000000;
          text-align:left;
        }

        .frame {
          background-color: #f0f0f0;
          box-shadow: inset -1px -1px 0 0 #87888F, inset 1px 1px 0 0 #FFFFFF;
          background: #BFBFBF;
          border-top: 1px solid #FFFFFF;
          border-left: 1px solid #FFFFFF;
          border-bottom: 1px solid #7F7F7F;
          border-right: 1px solid #7F7F7F;
        }

        .content {
          background-color: #C0C7C8;
          border-top: 1px solid #7F7F7F;
          border-left: 1px solid #7F7F7F;
          border-bottom: 1px solid #FFFFFF;
          border-right: 1px solid #FFFFFF;
          flex-grow: 1;
          padding-left: 20px;
          padding-right: 10%;
          padding-bottom: 2%;
}
        .content sponsors {
          background-image: url("https://static.miraheze.org/windowswallpaperwiki/2/24/Clouds_%28Windows_95%29.png");
}
        .title-bar {
          background-color: #0000A8;
          text-align:left;
          color: white;
          padding: 1px 2px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 2px;
         }
         .title-bar p {
           margin: 0;
           display: inline;
           margin-left: 3px;
           flex-grow: 1;
           color: #BFBFBF;
           font-weight: bold;
          }

.myButton {
	box-shadow: 3px 4px 0px 0px #7F7F7F;
	background-color: #C0C7C8;
	border-radius:0px;
  border-top: 1px solid #7F7F7F;
  border-left: 1px solid #7F7F7F;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
	display: inline-block;
	cursor: pointer;
	font-family: Arial;
	font-size:17px;
	font-weight: bold;
	padding: 12px 44px;
	text-decoration: none;
  color: black;
}
.myButton:hover {
  box-shadow: none;
  transform: translateY(5px);
}
.myButton:active {
	position:relative;
	top:1px;
}

        /* Mobile-friendly styles (1 column on screens smaller than 768px) */
        @media (max-width: 768px) {
            .grid-container {
                grid-template-columns: 1fr; /* Single column */
            }
        }

#sponsors {
  background-image: url("https://static.miraheze.org/windowswallpaperwiki/2/24/Clouds_%28Windows_95%29.png");
  background-repeat: no-repeat, no-repeat;
  background-size: cover;
}

.sponsor-container {
  width: fit-content;
}

.sponsor-title {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}