body {
    padding-top: 20px;
    display: block;
    margin: auto;
    width: 925px;
  cursor:url("https://64.media.tumblr.com/5029ce9f85674a37a892576949ef3df2/tumblr_inline_mzo4t1eb7U1r63cto.png"), default

}
div {
    box-sizing: border-box;
} .right-header {
    text-align: center;
    display: flex;
    width: 660px;
}
.right-header a {
    border-right: 1px dotted var(--darkbrown);
    border-bottom: 1px dotted var(--darkbrown);
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    width: 100%;
    text-align: center;
    -webkit-transition: 0.25s;
}
.right-header a:hover {
    border-right: 1px dotted var(--white);
    border-bottom: 1px dotted var(--white);
    color: var(--white);
    background: var(--darkbrown);
    -webkit-transition: 0.25s;
}
.right-header a.active {
    pointer-events: none;
    background-color: var(--darkbrown);
    color: var(--white);
    border-right: 1px dotted var(--white);
    border-bottom: 1px dotted var(--white);
    letter-spacing: 1px;
}
.header {
    position: sticky;
    top: 0;
    margin-top: -2px;
    display: flex;
    border-bottom: 1px dotted var(--darkbrown);
    background-color: var(--white);
}
.header a {
    text-decoration: 1px dotted underline;
    color: var(--darkbrown);
    -webkit-transition: 0.25s;
}
.header a:hover {
    letter-spacing: 1px;
    -webkit-transition: 0.25s;
}
.left-header {
    border-right: 1px dotted var(--darkbrown);
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 150px;
}
.right-header {
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 775px;
}
.habit-row {
    display: flex;
    border-bottom: 1px dotted var(--darkbrown);
}
.habit-left {
    width: 150px;
    padding: 5px;
    padding-left: 0px;
    border-right: 1px dotted var(--darkbrown);
}
.habit-right {

}
.habit-dates {
    display: flex;
}
.date {
    border-right: 1px dotted var(--darkbrown);
    text-align: center;
    width: 25px;
    height: 25px;
    padding: 5px;
}