html, body {
  background-image: url('https://solari-system.neocities.org/Other%20Images/Screenshot-20260714-233247.png'), url('https://solari-system.neocities.org/Other%20Images/Blueprintbackgroundlooping.jpg');
  background-repeat: no-repeat, repeat;
  background-position: top;
  opacity:1;
}
.container {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  max-height:1400px;
    background: url('https://solari-system.neocities.org/Other%20Images/1041229-most-popular-windows-98-wallpaper-1920x1200-153541782.jpg') repeat top scroll;
    flex-direction: row;
  width: 200%;
  max-width: 1340px;
}
.header {
  width: 100%;
  display: flex;
  height: 200px;
}
.innersection {
  margin: auto;
  height: 95%;
  max-width: 60%;
}
.appicons {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-top: 40px;
    align-items: flex-start;
    width:300px; 
    max-height:600px;
  margin-bottom:40%;
}
.title {
  grid-area: title;
 background: linear-gradient(159deg, #f6f5f4 53% ,#9a9996 93%);
 border: 3px ridge;
 align-self: center;
}
.leftbar {
  grid-area: leftbar;
height: 100%;
}
.alters {
  grid-area: Alters;
}
.Middletext { 
}

.music {
grid-area: music;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
h1 {
    text-align: center;
}
ul {
  list-style-type: none;
  margin: auto;
  overflow: auto; /* Enable scrolling if the sidenav has too much content */
}
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
</style>