body {
    color: #1E1E1E;
    font-family: "Kantumruy Pro", sans-serif;
    background-color: #1E1E1E;
    background-image: url(web-page.svg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 90vh;
    margin: 0px;
    text-align: center;
}

html {
    scroll-behavior: smooth;
}

h1 {
    font-family: "Kaushan Script", cursive;
    font-size: 55px;
    color: aliceblue;
}

a {
    font-family: "Kaushan Script", cursive;
    text-decoration: none;
}
figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.grid {
display: grid;
/* grid-template-columns: 1fr 1fr 2fr 1fr 1fr; */
/* grid-template-columns: repeat(5, 1fr); */
/* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) ); */
text-align: center;
column-gap:0px;
row-gap: 1px;
place-items: center;

}
.grid-items {
  border: black 5px solid;
  background-color: #3D767A;
  padding: 0px;
  margin:0%;
  


}

.grid-items2 {
  padding: 0px;
  margin:0%;
  


}
.grid-items img {
width:100%;
object-fit: cover;
min-height: 400px;
max-height: 550px;
}

.grid-items2 img {
width:100%;
object-fit: fill;
min-height: 400px;
max-height: 550px;
}

.svg{
    max-width: 70%;
}

.svg2{
    max-width: 100%;
}

figcaption {
position: relative;
display: inline-block;
top: -250px;
color: #D9B282;
text-shadow: black 2px 2px 5px,black -2px -2px 5px;
font-family: "Kaushan Script", cursive;
font-size: 55px;
}