head {
    margin-left: 35%;
    margin-right: 35%;
}

p{
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
}
h2{
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
}
body {
    
    margin-left: 20%;
    margin-right: 20%;
color: rgb(255, 255, 255);
font-family: 'Arial', sans-serif;
background-image: url(cosmos_2021637949.gif);
background-size: cover;
}
#main {
     
  font-family: "Bitcount Prop Single", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
background-color:rgb(255, 255, 255);
border: 1px solid;
border-color:rgb(1, 0, 63);
color:#00065c;
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
margin-left: 20%;
margin-right: 20%;
}
/*sidebar²*/
#sidebar {
    text-align: center;
    font-family: "Bitcount Prop Single", system-ui;
    color:#00065c;
    position: absolute;
    width: 20%;
    height: 50% ;
    top: 10%;
    left: 5%;
    background-color: rgb(238, 239, 255);
    border: 1px solid;
    
}

#sidebar-right {
    text-align: center;
    font-family: "Bitcount Prop Single", system-ui;
    color:#00065c;
    position: absolute;
    width: 20%;
    height: 50% ;
    top: 10%;
    right: 5%;
    background-color: rgb(238, 239, 255);
    border: 1px solid;
    
}

/*second page*/
body{
    background-image: url(cosmos_1113813159.gif);
}
.mistos {
    
    display: content;
    justify-content: none;
    margin-top: 5%;
   

}

 img {
        max-width: 50%;
        height: 50%;
        left: 0%;
        position: absolute;
        
    }