/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
@font-face {
  font-family: "Los Angeles Games Corp";
  /* Make sure the filename below matches EXACTLY what you uploaded */
  src: url("los-angeles-games-corp.font") format("woff"); 
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1 {
  font-family: "Los Angeles Games Corp", sans-serif;
  font-size: 48px; /* Adjust size as needed */
  color: white;    /* Or whatever color looks good on your background */
}
body {
  margin: 0;
    padding: 0; 
  background-image: url('cool.jpeg');
  background-repeat: repeat; 
  background-attachment: fixed;
  background-size: cover;
  background-color: blue; 
  font-family: Verdana;
}


  
.connected-columns-flush {
    display: flex;
    justify-content: center; /* Pulls sidebars and main container tightly together */
    align-items: stretch;    /* Forces sidebars to match the exact height of your main container */
    width: 60%;              /* MATCHES YOUR NAV BAR: This stops the sidebars from moving to the edges */
    margin: 0 auto;          /* Centers the columns on the page and removes the gap under the nav bar */
}

/* Removes top borders from the columns so they touch the nav bar seamlessly */
.connected-columns-flush .sidebar,
.connected-columns-flush .main-container {
    border-top: none; 
}

/* This targets the inner box holding your links and makes it see-through */
.nav-strip div {
    background-color: transparent !important;
    width: auto;
    display: flex;
}

.nav-strip {
    background-color: #0492C2;
    width: 60%;
    margin: 0 auto;          /* Centers it perfectly */
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 2px solid #000;
    box-sizing: border-box;  /* Keeps everything tucked inside the 60% width */
}

/* Your main middle container */
.main-container {
    background-color: white;
    width: 60%;              /* Takes up the center portion of the 3-column area */
    padding: 20px;
    border: 5px solid #0492C2; /* Adjusted to a normal frame size */
    text-align: center;
    box-sizing: border-box;
}

/* Your sidebar panels */
.sidebar {
    background-color: #48CAE4; /* Soft blue color for side columns */
    width: 20%;              /* Left and right sidebars take up the remaining width */
    padding: 15px;
    border: 5px solid #0492C2;
    box-sizing: border-box;}

body {cursor: url('https://cdn.cursors-4u.net/previews/bratz-2-yasmin-977e8550-32.webp') 32 32, auto !important;
}
.favmediapage { background-color: black; }
/* End www.Cursors-4U.com Code */