The Cave in question

I've managed to change the background, mouse cursor, and the color of h1 texts. However, when I went to edit anything else (like making the rose mouse cursor still exist when it hovers over a link), it doesn't do anything.

I've also tried to edit the font, but for some reason, it keeps making it comic sans despite my removing it from the code?

I used some of the same code I had for my den page and that code works there just fine, but it seems to stop working past the mouse cursor code and just go to default.

Lioden's original desert CSS that I've been following.
Is there a cave CSS guide or template that could help?
Every time I try to find one, it's just about the den page or the cave thumbnail.

This is what I have so far:

@media (min-width: 768px) {
body {
cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;
font-family: 'bradley hand', cursive;
background: #9F5D58 url('https://e0.pxfuel.com/wallpapers/543/496/desktop-wallpaper-misty-poppy-meadow-poppies-mist-meadow-tree.jpg') fixed;
background-repeat: no-repeat;
background-size: 100%;
font-size: 14px;
}

}

@media (max-width: 768px) {
body {
font-family: 'bradley hand', cursive;
background: #9F5D58;
background-repeat: no-repeat;
background-size: 100%;
width: auto !important;
min-width: 600px;
font-size: 14px;
}

#chatboxContainer #frmChatPost {
margin: 16px 0 24px 0;
}

#chatboxContainer #txtChatMessage {
padding: 12px;
}
}
@media (max-width: 992px) {
.sm-gap {
padding-right: 10px !important;
}
}
@media (max-width: 768px) {
.sm-gap {
padding-right: 0px !important;
}
}
html.nolayout body {
background-color: #9F5D58;
background-image: none;
}

h1 {
color: #9F5D58;
font-family: 'bradley hand', cursive;
font-size: 28px;
}
h2 {
color: #9F5D58;
font-family: 'bradley hand', cursive;
font-size: 24px;
}

h3 {
color: #9F5D58;
font-family: 'bradley hand', cursive;
font-size: 20px;
}
.sidebar {
padding-top: 25px;
}

.sidebar h3 {
color: #9F5D58;
font-size: 20px;

.sidebar .col-md-12 {
padding: 0;
}

/*Seems to stop somewhere before this point or at this point*/

a:link, a:visited, a:active {
cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;
color:9F5D58!important;
text-decoration: none;
font-weight: bold;
}

a:hover {
cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;
color:white!important;transition:all ease 2s;
text-decoration: none;
font-weight: bold;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-collapse: collapse;
border: 0;
}

.table {
border: 1px solid #B04941;
}

.table td {
/*background: #EDDEBD;*/
}

.table .top, .table th {
background-color: #B04941;
color: #9F5D58;
padding: 8px 15px;
font-size: 15px;
font-weight: bold;
}

.table .top select,.table .top input, .topbar input, .table th select {
color: #9F5D58;
}

.table .top a:link, .table .top a:active, .table .top a:visited, .table th a:link, .table th a:active, .table th a:visited {
cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;
color:9F5D58!important;
border-bottom: 1px solid #fff;
}

.table .top a:hover, .table th a:hover {
cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;
color:9F5D58!important;
}