body {
  font-family: 'Lusitana', serif;
  background-image: url(../pages/images/back11.jpg);
  background-repeat: no-repeat;  /* prevents multiple tiling */
  background-size: cover;  background-repeat: no-repeat;  /* no tiling */
  background-size: contain;      /* show full image */
  background-position: top center; /* align nicely */
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #0b0b3b;
  min-height: 100vh;
  
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  color: white;
  position: relative;
  z-index: 1000;
}

header nav {
  position: relative;
  top: -90px; 
  right: 50px;
}


header nav a {
  margin-left: 20px;
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.title {
  text-align: center;
  margin: 30px 0;
  font-size: 68px;
  color: #fff;
} 
div{
  margin-bottom: 200px;
}
.img1 { position: absolute; left: 87px; top: 292px; height: 196px }
.img2 { position: absolute; left: 87px; top: 506px; height: 220px }
.img3 { position: absolute; left: 87px; top: 739px; height: 196px }
.img4 { position: absolute; top: 379px; left: 397px; height: 275px }
.img5 { position: absolute; top: 675px; left: 397px; height: 258px }
.img6 { position: absolute; top: 118px; left: 862px; height: 326px }
.img7 { position: absolute; top: 456px; left: 862px; height: 223px }
.img8 { position: absolute; top: 690px; left: 862px; height: 245px; width: 335px; }
.img9 { position: absolute; top: 456px; left: 1220px; height: 162px }
.img10 { position: absolute; top: 630px; left: 1220px; height: 305px; width: 228px; }
.img11 { position: absolute; top: 950px; left: 87px; height: 409px}
.img12 { position: absolute; top: 100px; left: 160px; height: 290px}

.img1, .img2, .img3, .img4, .img5, 
.img6, .img7, .img8, .img9, .img10, .img11 {
  border-radius: 12px; 
  border: 2px solid transparent;
  background: linear-gradient(45deg, #0509f5, #3985ff) border-box; 
  
  mask-composite: exclude;
}

.img1:hover, .img2:hover, .img3:hover, .img4:hover, .img5:hover, 
.img6:hover, .img7:hover, .img8:hover, .img9:hover, .img10:hover, .img11:hover {
  transform: scale(1.04); 
  z-index: 2000; 
}