/*custom cursor*/
html {
  cursor: url(images/cursor_anipoint1c.gif), default;
}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: green;
  background-color: transparent;
}

/*text selection color*/
::-moz-selection { /* Code for Firefox */
  background: #f2a0a0;
}

::selection {
  background: #f2a0a0;
}

/*body style*/
body {
  padding-top: 25px;
  padding-bottom: 25px;
  background-image: url(images/mushbg.png); 
  background-size: cover;
  font-family: fredoka;
  font-size: 12px;
  line-height:30px;
  width: 800px;
  margin: auto;
}

/*grid setup*/
.page {
  display: grid;
  justify-content: center;
  grid:
    "header header header"
    "sidebar main main";
    grid-template-columns: 175px 500px;
    grid-template-rows: 45px 800px;
  background: url(images/yellobg.png);
  border-radius: 40px;
}

/*notepad header*/
.header {
    grid-area: header;
    background: #2f3e2b;
    color: white;
    text-align: center;
    border-radius: 40px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 5px;
}

/* notepad section on the left with index*/
.sidebar {
    grid-area: sidebar;
    border-right: 2px solid;
    border-color: #e85a5a;
    padding: 10px;
    border-left: 3px solid #262020;
    border-bottom-left-radius: 40px;
    border-bottom: 7px solid #262020;
}

/*main content*/
.main {
  grid-area: main;
  border-bottom: 7px solid #262020;
  border-right: 3px solid #262020;
  border-bottom-right-radius: 40px;
}

.innermain {
  padding: 18px;
  font-size: 1.075em;
  text-align: left;
  overflow: scroll;
  height: 756px;
}