body {
  font-family: "Edu NSW ACT Cursive", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll */
}

header {
  width: 100%;
}

.navbar {
  margin-left: 80px;
  margin-top: 20px;
  font-size: 35px;
  background:linear-gradient(to right,rgb(235, 55, 55),rgb(64, 110, 248),blue,blue,blue);
  color:transparent;
  -webkit-background-clip: text;
  font-weight: 700;
  line-height: 90px;
}

h2 {
  margin-left: 120px;
}

span {
  color: rgb(255, 255, 255);
  -webkit-text-stroke-color: rgb(255, 0, 85);
  -webkit-text-stroke-width:1px;
  font-weight: 900;
}

main {
  margin: 100px 40px 0px 40px;
}

.container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* Responsive columns */
  grid-gap: 20px;
  justify-content: center;
  padding: 0 10px; 
}

.box {
  height: 30rem;
  border-radius: 10px;
  border: 1px solid black;
  background-color: rgb(242, 224, 202);
}

.box:nth-child(1) {
  background: url(images/1.jpg) center/cover no-repeat;
 
}
.box:nth-child(2) {
  background: url(images/2.jpg) center/cover no-repeat;

}
.box:nth-child(3) {
  background: url(images/3.jpg) center/cover no-repeat;
}
.box:nth-child(4) {
  background: url(images/4.jpg) center/cover no-repeat;
}

footer div{
    margin: 20px 20px 40px 0px;
    text-align:right;
     font-weight: 450;
}

@media (min-width: 751px) and (max-width: 1210px) {
  .container {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 equal columns */
    grid-template-rows: auto;
  }
  .navbar {
    text-align: center;
    margin-left: 0; 
  }
  header {
    text-align: center;
  }
  h2
  {
    margin-left: 100px;
  }
}

@media (min-width: 0px) and (max-width: 750px) {
  .container {
    grid-template-columns: 1fr; 
    grid-template-rows: auto;
  }
  .navbar {
    text-align: center;
    margin-left: 0;
  }
  header {
    width: 100%;
    text-align: center;
  }
   h2
  {
    margin-left: 0px;
  }
}