.topofpage {
    background: linear-gradient(#5a0000, #000000);
  font-family: "Asset";
  color: #ff0000;
  font-size: 65px;
  text-align: center;
  border: 0px;
  padding: 50px 100px 20px;

}

body {
  background-color: #000000;
}

.bottomofpage {
    background-color: #00ccff;
    height: 400px; 
}

.box {
  max-width: 1000px;
  margin: 50px auto;
  display: grid;
  gap: 10px;
  grid-template-columns: 250px minmax(0,1fr) 250px;
  grid-template-rows: auto auto auto;
}

.buttons {
  height: 25px;
  width: 200px;
  display: grid;
  gap: 10px;
  grid-template-rows: auto auto auto;
}

artpage {
  grid-row: 1 / 1;
    height: 25px;
  border: 2px solid #00ff00;
  text-align: center;
  width: 200px;
}

writingpage {
  grid-row: 2 / 2;
    height: 25px;
  border: 2px solid #00ff00;
  text-align: center;
  width: 200px;
}

blogpage {
  grid-row: 3 / 3;
    height: 25px;
  border: 2px solid #00ff00;
  text-align: center;
  width: 200px;
}




.headerbox {
  font-size: 30px;
}

.miniblogfeed {
    border: 1px solid #00ff00;
    background: linear-gradient(#000000, #005500);
    color: black; 
    height: 200px;
    padding: 5px;
    overflow-y: scroll;
    position: relative; 
    font-family: Arial, Helvetica, sans-serif;
}

.timestamps {
  font-family: "Asset";
  font-size: 12px;
  color: #00ff00;
}

.entries {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}


header, update, nav, main1, main2, footer {
    background-color: #000000;
            border: 3px dotted;
            border-color:red;
            color:#ff0000;
            padding: 10px 10px;
            min-width: 0px;
            font-family: Arial, Helvetica, sans-serif;
            word-break: break-word
            
}

header {
  grid-row: 1 / 2;
  grid-column: 1 / 5;
  text-align: center;
}

main1 {
  grid-row: 2 / 3;
  grid-column: 4 / 5;
  width: 250px;
    .headerbox {
    text-align: center;
    padding: 3px 5px 10px;
  }
}

nav {
  grid-row: 2 / 4;
  grid-column: 1 / 2;
  border: 0px;
    .headerbox {
    text-align: left;
    padding: 3px 5px 10px;
  }
}

update {
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  overflow-wrap: anywhere;
  min-height: 250px;
   .headerbox {
    text-align: center;
    padding: 3px 5px 10px;
  }
}
main2 {
  grid-row: 3 / 3;
  grid-column: 2 / 5;
  overflow-wrap: anywhere;
  min-height: 250px;
}

footer { 
  grid-row: 4 / 4;
  grid-column: 1 / 5;
}