html {
    background-image: url("Atthemallneon.png");
    background-size: 60%;
    font-family: monospace;
    font-variant: small-caps;
    cursor: url("redspiralmed.png"), auto;
}

.box {
  max-width: 800px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat ; 
  gap: 10px;
}

#nametag {
  width: 180px;
  height: 180px;
  padding:0px;
  margin-top: 10px;
  margin-left: 30px;
  background: transparent;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  z-index:2;
}
#pages {
  height: 70px;
  width: max-content;
  Border: #FE00FF 10px solid;
  padding-bottom: 50px;
  margin-top: 50px;
  margin-left: 0px;
  background: black;
  color: red;
  box-shadow: 0 0 50px 15px #E10AE2;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

#rigby {
    padding-top:105px;
    grid-row: 1/3;
    grid-column: 1/2;
}
#main {
  width: 800px;
  Border: #FE00FF 5px solid;
  background: black;
  box-shadow: 0 0 50px 15px #E10AE2;
  color: green;
  padding: 10px;
  grid-row: 2 / 3;
  grid-column:2 / 3;
  height: max-content;
}
#footer {
    height: max-content;
    Border: #FE00FF 2px solid;
    background: black;
    grid-row: 3 / 4;
    grid-column: 1 / 3;
}
body {
    margin:0;
    max-width:1200px;
    background: transparent;
}