body {
	padding: 10px;
	font-family: 'MS PGothic', sans-serif;

	/* page background pattern */
	background-color: #000000;
	background-image: url("https://fabricioveltri.neocities.org/IMG/background/IMG_3111.jpg");
	background-position: bottom;
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100%;
}

.grid-container {
  max-width: max-content;
  margin: /*top*/ 3% /*right*/ auto /*bottom*/ auto /*left*/  auto;
  display: grid;
  padding: 10px;
  background-color: #ffffff;
  border: 10px;
  border-radius: 10px;
  outline: 0px solid #444444;
	outline-offset: 0px;
  
}

container{
  font-family: 'MS PGothic', sans-serif;
	background-color: #ffffff;
	background-position: top;
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
} 


/* prevents overflow on smaller screens */
img { max-width: 100%; }
pre { overflow-x: auto; }