body {
  /* The image used */
  background-image: url("ispy.png");

  /* Full height */
  height: 100vh;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  /* Optional: Fix the background so it doesn't scroll with the content */
  background-attachment: fixed;
}
   
#cssportal-grid {
	display: grid;
	grid-template-rows: repeat(6, 1fr);
	grid-template-columns: repeat(6, 1fr);
	gap: 0;
	align-content: center;
	width: 100%;
	height: 100%;
}
#Header {
	grid-area: 1 / 2 / 2 / 6;
	background-color: rgba(177,231,18, 0);
}
#Main {
	grid-area: 2 / 3 / 6 / 5;
	background-image: url('window2.png');
	background-repeat: no-repeat;
	background-position: center;
}
#div2 {
	grid-area: 1/6/2/7;
	background-color: rgba(135,4,236, 0);
}
#div1 {
	grid-area: 1/1/2/2;
	background-color: rgba(65,82,217, 0);
}
#L {
	grid-area: 2 / 2 / 6 / 3;
	background-image: url('window8.png');
	background-repeat: no-repeat;
	background-position: center;
}
#R {
	grid-area: 2 / 5 / 6 / 6;
	background-color: rgba(121,208,179, 0);
}
@media only screen and (max-width: 800px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
}