/*welcome to my css page! feel free to poke around for inspiration or borrow elements - just don't steal an entire page completely. keep in mind i am a self taught webdev and might not be doing everthing perfectly. - moosh ૮・ᴥ・ა*/

html {
  cursor: url(cursor_anipoint1c.gif), default;
}

body {
  padding-top: 25px;
  background-image: url(mushbg.png); /*background by gianfar, not for free use*/
  background-size: cover;
  font-family: fredoka;
  font-size: 12px;
    line-height:30px;
  width: 675px;
  margin: auto;
}

.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(yellobg.png);
  border-radius: 40px;
}

.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;
}

/* section on the left with the entries*/

.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;
}