body {
    
background-image: url("https://i.postimg.cc/qR21bSDP/2b191df87c8b175a597004a92c4e42d6.webp");    
background-position: center;
background-size: contain;
font-family: 'Times New Roman';
background-attachment: fixed;

    
  }

main {
  display: flex;       
  align-items: stretch; 
  width: 100%;
   margin: 0;
border: none;
  padding: 0;
}

header {
  
  background:url("https://i.postimg.cc/ZK73QrvH/jh.jpg");
  background-position: center;
  
  
}

.window {
  flex-grow: 1;        
  display: flex;
  flex-direction: column;
}

.window-body {
  flex-grow: 1;
}


.title-bar {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
    box-sizing: border-box;

}

nav {
  
  border: none;
  color: black;
  
}

a:link, a:visited, a:active {
  font-weight:bold;
  color:black;
  text-decoration:none;
}
a:hover { 

text-decoration: underline;
color: black;
}

  main  p, main h1, main h2, main h3 {
    
    padding: 5px;
    color: black;
  }


  
.title-bar {
flex-shrink: 0;         
    
}

.marquee img {
  
  width: 88px;
  
}



 main, .window, .window-body {
  
  border: none;
    
                }
                
                aside {
                  
                  background-image:url("https://i.postimg.cc/zBqy35nL/eaa968d042a0495dbae674eb6b153f7a.gif");
                  background-size: cover 80%;
                  background-position: center;
                  
                  
                }


.vaporwavemain img {
  
  width: 100%;
  margin-top: 4px;
  max-width: 100%;
  
}

footer {
  
  background-image:url("https://i.postimg.cc/C5LchZ1t/stars.gif");
  
}


  @media only screen and (max-width: 800px) {
           
                
 .window, .window-body {
   
   overflow: hidden;
   
 }
 
 .main {
   
     display: flex; 
  align-items: stretch;
  
 }

  #flex {
    flex-direction: row; 
  }


 

body {
  
  background-size: cover; 
  
  }
main, .window, .window-body {
      max-width: 100%;
      overflow: auto; 
      display: flex;
      -scroll-snap-align: start;
      -scroll-snap-stop: always;
      flex: 0 0 100vw;
      display: block;  
  } 
  
h1 { 
  font-size: 25px;
  } 
  
h2 { 
  font-size: 20px;
  }
  
p { 
  font-size: 15px;
  } 
                
header {
  
  background-size: cover;
  }
  
  
  .vaporwavemain img {
    
    width: 100%;
    max-width: 100%;
    
  }
    .marquee img {
  
  width: 9rem;
  
}
  }