html {

     cursor: url('https://cdn.cursors-4u.net/previews/normal-36306916-64.webp') 24 24, auto !important;
     background-color: #151523;
     background-repeat: no-repeat;
     background-size: cover;

 }



 ul.no-bullets {
     margin: 0;
     padding: 0;
     text-align: center;
     list-style-type: none;


 }

 .Pointers {
     display: grid;
     padding: 0;
     margin: 0;
     max-height: 100%;
     width: auto;
     gap: 1em;
     background-color: #15152363;
     color: #f3f7f8;
     grid-template-columns: 1fr minmax(auto, 50%) 1fr;
     grid-template-rows: auto 1fr;
     grid-template-areas:
         "box-1 box-1 box-1"
         "box-2 box-3 box-4"
     ;
     border: 1px solid #ffffff;

     padding: 2%;


 }

 .mainText {

     margin: auto;
     height: max-content;
 }

 .artistPic {
     max-height: 100%;
     max-width: 100%;
     margin: auto;
     border: #f3f7f8 solid 2px
 }


 .myHr {

     align-items: center;
     grid-column: 2/3;
     margin: auto;
 }

 a {
     text-decoration: underline;
     color: inherit;
 }


 ::selection {
     /* Change highlight background color */
     background: #f7abcf;
     /* Change highlight text color */
     color: hsl(202, 73%, 19%);
 }

 .box {
     max-width: 1000px;
     max-height: 650px;
     margin: 100px auto;
     border: 5px solid #9e7913;
     border-radius: 20px;
     background-color: #A3B782;
     display: grid;
     padding: 20px;
     grid-gap: 10px;
     grid-auto-columns: 110px, auto;


     header,
     nav,
     main,
     footer {
         border: 4px, solid #6b662c;
         border-radius: 5px;
         text-align: center;
         overflow-y: auto;
         overflow-x: hidden;
     }

 }

 body {
     overflow-y: hidden;

 }

 header {
     grid-row: 1/2;
     grid-column: 1/3;
     color: #FFFFFF;
     background-color: #4b663f;


 }

 nav {
     margin: auto;
     grid-row: 2/3;
     grid-column: 1/2;
     height: max-content;
     padding: 10px;
     text-align: center;

 }

 main {
     grid-row: 2/3;
     grid-column: 2/3;
     height: auto;
     padding: 10px;
     overflow: scroll;
     background-color: #4b663f;
 }

 footer {
     grid-row: 3/4;
     grid-column: 1/3;
     background-color: #4b663f;

 }

 h2 {
     color: #FFFFFF;

 }

 /* width */
 ::-webkit-scrollbar {
     width: 10px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
     background: #0f2f3a;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: #ebe592;

     width: 20px;
     height: 20px;

 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #9b7021;
 }