body {
   background-image: url("https://img.freepik.com/premium-vector/vector-cute-pastel-green-gingham-checkers-plaid-aesthetic-checkerboard-pattern-wallpaper_921039-2316.jpg?w=360");
   min-height: 100vh;
   cursor:url(https://cur.cursors-4u.net/nature/nat-10/nat991.cur), auto;
}

a:hover {
  cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym751.png), auto !important;
}

::-webkit-scrollbar {
  width: 12px; /* Set the width of the scrollbar */
}

::-webkit-scrollbar-track {
  background: #C9F7F8;
  /*background-image: url("boxBackgrounds(1).png");*/
}

::-webkit-scrollbar-thumb {
  background: #F194B4; 
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

body h1 h2 h3 p{
   word-wrap: break-word;
   overflow-y: auto;
  color: #ff8fe9;
}

h1 {
  font-family: "Pixelify Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #F194B4;
  text-decoration: underline;
}

h2{
  font-family: "Pixelify Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #F194B4;
  text-decoration: underline;
}

h3{
  font-family: "Pixelify Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #F194B4;
}

p {
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2A2B2E;
}

.container{
  display:grid;
  grid-template-columns: 292px 1168px 438px;
  grid-template-rows:378px 351px 351px;
  position:relative;
}
.box{
  background-color:#000;
  color: #fff;
  font-size: 2rem;
  z-index: 1;
  background-image: url("boxBackgrounds(1).png");
}

.box:nth-child(1){
  background-color: red;
  grid-column: 1 / 4;
}


.box-1 img{
  width: 100%;
  height: 100%;
}
.scrollable-content {
  height: 100%;
  overflow-y: scroll;
}
.box:nth-child(2) {
  background-color:yellow;
  grid-row:2 / 4;
}
.overlay-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1887px;
  height: 600px;
  z-index: 2; /* Place image on top */
}

.box-3 p{
  width: 1150px;
  word-wrap: break-word;
}

.box-4 img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}