.mainpage{
border: 1px solid #DEC402;
text-align: left;
background-color: #222222;
color: #FFFFFF;
width: 1000px;
max-width: 90%; /* muss hier schauern wie auf handy aussieht aber bei 1170px breite muss eig seite raufpassen */
font-family: Georgia, serif;
font-size:16px;
padding:25px;
border-radius: 10px;

box-sizing: border-box;

display: flex;
gap: 30px;
align-items: flex-start;
}

.sidebar{
  background-color: #000000;
  padding:25px;
  border-radius: 10px;
  flex: 0 0 220px; /* die syntax für dieses ding ist grow, shrink, basis also bestimmt wie viel es growen und shrinken darf und basis ist die standarteinstellung*/ 
}

.menu{
  text-align: left;
  flex: 1; /* drücke footer nach unten */
  width: 1000px;
  max-width: 90%; /* muss hier schauern wie auf handy aussieht aber bei 1170px breite muss eig seite raufpassen */
  margin: 20px auto;
  padding: 20px 50px;
  box-sizing: border-box;

  background-color: #222222;
  color: #FAFDF6;
  font-family: Georgia, serif;
  border: 0px solid #FAFDF6;
  border-radius: 10px;
  
}

li::marker {
  color: rgb(197, 231, 0);
}

a:link{
color: #ccc017;
text-decoration:none;
font-weight:bold;
}

a:visited{
color: #880000;
text-decoration:none;
font-weight:bold;
}

a:hover{
color: rgb(143, 133, 3);
text-decoration:none;
font-weight:bold;
}


a:active{
color: #000000;
text-decoration:none;
font-weight:bold;
}


h1{
font-size:24;
}

h2{
font-size:30;
}

h3{
font-size:16;
}

p{
font-size:14;
}

p2{
font-size:18;
line-height:1.5;
}

p3{
font-size:26;
font-weight:bold;
line-height:1.5;
}

body{
  background-image:url("cutestar.gif"), url("cutestar.gif"), url("cutestar.gif"), url("cutestar.gif"), url("cutestar.gif"), url("cutestar.gif"), url("galaxies.jpg");
  background-position: left 200px top 100px, left 270px top 400px, left 1500px top 320px, left 230px top 710px, left 1700px top 100px, left 1650px top 500px, center center; 
  
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 30px auto, 50px auto, 40px auto, 40px auto, 40px auto, 40px auto, cover; /* GIF ist 200px breit | Hauptbild füllt aus */
  background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed;
}

td{
font-size:13;
line-height:1.5;
}

hr
{
  display:block;
  height: 10px;
  border:none;

}