/* 
  CSS is how you can add style to your website, such as colors, fonts, and positioning.
*/ 

body { 
    /* Your deep purple space backdrop */
    background-color: #2e1a47; 
    
    /* This creates your pattern of tiny white star dots */
    background-image: 
        radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px), 
        radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px), 
        radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px); 
        
    /* This sizes the star grids so they don't look uniform */
    background-size: 550px 550px, 350px 350px, 250px 250px; 
    
    /* This shifts the grids so the stars look randomly scattered */
    background-position: 0 0, 40px 60px, 130px 270px; 

    /* Windows 98 layout constraints */
    margin: 0; 
    padding: 0;
    font-family: "MS Sans Serif", Tahoma, sans-serif; 
    overflow: hidden;
    height: 100vh; 
    user-select: none; 
}