body {
                   font-family: 'Times New Roman', Times, serif;
                margin: 0;
    font-weight: normal;
    font-style: normal;

                background-color: #000000;
                /* you can delete the line below if you'd prefer to not use an image */
                color: #000000;
          
      
                margin: 0;
            
    color: #000000;
    background-image: url(stars.gif);
              cursor: url("cursor2.png"), auto;
               background-repeat: repeat;
    background-attachment: fixed;
background-size: 250px;
    background-position: center;
      height:100vh; /* use 100% of the height of the viewport */

  display:grid;             
  place-items: center;
 }

.grid-container {
  display: grid;
  grid-template:    'info1 info1 info1 info1 info1 '
    'info2 info2 info2 info2 info2 '

  ;
 grid-gap: 10px;



  padding: 10px;

 background-size: cover;

}

.grid-container > div {
  background-color: #09080e;
  color:#ffffff;
  padding: 10px;
 

  border:2px solid #7913315d;
  
 
}
.item1 { grid-area: info1; 
height: 200px;
width: 800px;
text-align: center;
background-image: url(https://file.garden/aH1OYjv8j2I_FynD/look%20outside%20shrine/image_2025-11-25_021811595.png);

    background-size: cover;
    background-position: center;
 }
.item2 { grid-area: info2; 
height: 650px;
width: 800px;

  overflow: auto;
                 overflow-x: hidden;
                   scrollbar-width: thin;
                   scrollbar-color: #ffffff rgba(0, 0, 0, 0);
                 
    }
    
#img {


     margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
    display: inline-block;
  

}
p {
  text-align: center;
}


            h1, 
            h2,
            h3 {
                color: #b576df;
                font-weight: 200;
               margin: 0%;
            }

            h1 {
                font-size: 25px;
            
            }

            strong {
                /* this styles bold text */
                color: #b576df;
                
            }

a:link { color:  #ffffff;;
  text-decoration: underline; 
color: #ffffff;;}  
a:visited { color: #ffffff;;}  
a:hover { color: #ffffff;; 
 background-color: #ffffff25;
font-style: italic;
    letter-spacing: 1px;
  }  
a:active { color: #ffffff;; } 
hr.solid {
  border-top: 1px dashed #ffffff;
   border-bottom: none;
}