body {
                font-family: 'Times New Roman', Times, serif;
                margin: 0;
    font-weight: normal;
    font-style: normal;

                background-color: #000000;
                /* you can delete the line below if you'd prefer to not use an image */
                color: #ffffff;
          
                background-image: url(https://64.media.tumblr.com/38f1215463145063219ba27cc348235a/398bed72e9f07242-85/s2048x3072/2bb6c3ba3e7bdf26612c93a0cb451da75dc77d90.jpg);
 background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto;
    background-position: center;
   
margin: 0 auto;
      cursor: url("cursor2.png"), auto;
            margin:0;
  height:100vh; /* use 100% of the height of the viewport */
  display:grid;             
  place-items: center;
              }
.box {
  border: 2px solid black;
  padding: 5px;
  margin: 2px;
      margin:0;
  height:100vh; /* use 100% of the height of the viewport */
           
  

      background-color: #000000;
                border: 1px solid #870f2e;
                padding: 10px;
                   overflow: auto;
                 overflow-x: hidden;
                   scrollbar-width: thin;
                   scrollbar-color: #870f2e rgb(0, 0, 0);
             
}


.grid-container {
  display: grid;
  grid-template:    'header header header header header header'
    'main main main main main main'
    'footer footer footer footer footer footer'
  ;
 grid-gap: 10px;
  background-color: #ffffff2c;
  border: 1px solid #ffffff;
  padding: 10px;
 background-repeat: repeat;
 background-size: 250px;
 border-radius: 1%;

}
.grid-container > div {
  background-color: #f1f1f1;
  color: #000;
  padding: 10px;
  font-size: 30px;
  text-align: center;
  font-size: medium;
   border-radius: 1%;
}
.parent2 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 35px;
}

.div1 { grid-area: 1 / 1 / 2 / 2;
text-decoration: underline; }
.div2 { grid-area: 1 / 2 / 2 / 3; 
text-decoration: underline; }
.div3 { grid-area: 1 / 3 / 2 / 4; 
text-decoration: underline; }
.div4 { grid-area: 1 / 4 / 2 / 5;
text-decoration: underline;  }
.div5 { grid-area: 1 / 5 / 2 / 6; 
text-decoration: underline; }
.div6 { grid-area: 2 / 3 / 3 / 4; 
text-decoration: underline; }
.div7 { grid-area: 2 / 2 / 3 / 3; 
text-decoration: underline; }
.div8 { grid-area: 2 / 4 / 3 / 5;
text-decoration: underline;  }


.item1 { grid-area: header; 
height: auto;
background-image: url(https://files.catbox.moe/b7f0gc.png);
   background-repeat: no-repeat;
   background-size: cover;
    background-position: center;
  border: 1px solid #f1f1f1;
}
.item2 { grid-area: main; 
width: 900px;
height: 600px;
             padding: 10px;
                   overflow: auto;
                 overflow-x: hidden;
                   scrollbar-width: thin;
                   scrollbar-color: #444444 rgba(24, 24, 24, 0);;
}
.item3 { grid-area: footer;
height: auto; 
filter: saturate(0%);}

            h1, 
            h2,
            h3 {
                color: #000000;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                /* this styles bold text */
                color: hsl(0, 0%, 0%);;

            }
            .label {
                width: auto;
                height: auto;
             
background: #F1F1F1;
background: linear-gradient(90deg, rgba(241, 241, 241, 1) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 70%, rgba(241, 241, 241, 1) 100%);
                  color: #ffffff;
                  font-size: large;
           
            }

.icon {
  filter: saturate(50%);
  border: 2px solid #000000;
}
.icon:hover {
  transform: scale(1.02);  
    filter: saturate(100%);


}

mark {
  background-color: #ca0738;
  color: rgb(255, 255, 255);
}

a:link { color:  #ca0738; 
   text-decoration: none; }
a:visited { color: #ca0738; 
   text-decoration: none;
}  
a:hover { 
 color: #ffbecf;
  font-style: italic;
    letter-spacing: 1px;
}  
a:active { color: #ca0738;
 text-decoration: none; } 
hr.solid {
  border-top: 0.5px solid #ca0738;
   border-bottom: none;
}