/*body*/

body {margin: 0;
  padding: 0;
/*this is how to cover the entire page*/
  height: 100vh; 
  width: 100%;
/*this is how to cover the entire page*/ 
  background-color: #1B1B15; 
  color: white;
  overflow-x: hidden;
  position: relative;
}

/*all elements container*/

#all {height: 100%;
  width: 130vh;
  background-color: #5F5F5E;
  position: absolute;
  left: 16%;
}

/*marquee*/

.marquee {scroll-behavior: none;
  width: 10%;
}

/*grid container*/

#container {background-color: Maroon;
  display: grid;
  grid: 100px 600px repeat(2, 75px) / repeat( 2, 150px) auto 270px;
  gap: 2px;
  padding: 2px;
  text-align: center;
}

/*grid items*/

#container > div {background-color: Teal;
}

/*website header - left*/

.item1 > img {
  transform: scaleX(-1);
}


/*website header - middle*/
.item2 {grid-column: 2 / span 2; }

.item2 > header {font-family: "Frijole", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 64px;
  text-align: center;
}

/*website header - right*/
.item3 {grid-column: 4 / span 1;
}

/*aside - left*/

.item4 {grid-row: 2 / span 4;
}

/*main*/

.item5 {grid-column: 2 / span 2;
 border-radius: 15px 15px;
}

.marquee{ width: auto;
height: 18px;
background: #000036;
background: linear-gradient(0deg,rgba(0, 0, 54, 1) 15%, rgba(52, 0, 22, 1) 42%, rgba(89, 0, 0, 1) 64%, rgba(186, 186, 186, 1) 98%);
text-align: center;
overflow: hidden;
}

/*Footer*/

.item7 {grid-column: 2 / span 3;
  grid-row: 3 / span 2;
}