body {
  background-image: url("orangebackground.jpeg");
  background-size: cover;
}

.linetxt {
  text-decoration-line: underline; 
}

.scrollbar {
  background-color: #ffe2cf;
  border: #d1600f 1px solid;
  border-radius: 9px;
  width: 232px;
  height: 185px;
  overflow: auto;
  scrollbar-color: #d1600f #ffe2cf;
}

.scrollbar-big {
  background-color: #ffe2cf;
  border: #d1600f 1px solid;
  border-radius: 9px;
  width: 710px;
  height: 458px;
  overflow: auto;
  padding: 10px;
  scrollbar-color: #d1600f #ffe2cf;
}

.box {
  max-width: 1000px;
  margin: 65px auto; /* if this doesnt end up looking good, use 100px 200px 100px 200px */
  display: grid;
  grid-gap: 13px;
  grid-template-columns: 250px minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
}
 
 .corner-image {
  position: fixed;   /* Locks the image relative to the viewport */
  bottom: 0;            /* Pins to the top edge */
  right: 0;          /* Pins to the right edge */
  z-index: 1000;     /* Ensures it stays on top of other content */
  width: 200px;      /* Set your desired size */
  height: auto;
}


header, navi, updatelog, cameos, main, footer {
  border: #d1600f 3px solid;
  border-radius: 12px;
  padding: 5px;
  background-color: #ffc9a3;
}

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

navi {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  height: 250px;
  text-align: center;
}

updatelog { /*Theres actually a bunch of updates im just scared of adding them to the log  */
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  height: 250px;
  text-align: center;
}
cameos { /*i just copy pasted updatelog and changed the name */
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  height: 250px;
  text-align: center;
}

main {
  grid-row: 2 / 4;
  grid-column: 2 / 3;
  height: max-content;
}

 footer {
   grid-row: 4 / 5;
   grid-column: 1 / 3;
   text-align: center;
 }

img {
  float: left;
  margin-right: 15px;
  width: 150px;
  height: 150px;
}

.img2 {
  float: right;
  margin-left: 15px;
  width: 150px;
  height: 150px;
}

.right-text {
  text-align: right;
}