body {

background: lemonchiffon;
color: green;
font-family: "piepie", sans-serif;
font-weight: 400;
font-style: normal;
}

img {
max-width: 100%;
}

blocks {
max-width: 500px;
margin: 0 auto;
display: flex;
flex-direction: column-reverse;
}


.text {
text-align: center;
font-size: 2.5em;
}

.view-on-arena {
display: none;
}

img,
video {
max-width: 100%;
}

figure {
margin: 0;
}

*{
margin : 0;
padding: 0;
box-sizing: border-box;
}

body {
margin: 10vh 25px 5vh;
text-align: center;
}

.image,
.video {
max-width: 450px;
margin: 5em auto;
}

.image img {
      height: 70vh;
      width: auto;
      display: block;
      
    }

.landscape {
    max-width: 700px;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
 .about {

  font-weight: 400;
  text-decoration: none;
  color: green;
}

.about:hover {
  color: #ff7b00;   
}
.gallery {
      display: flex;
      gap: 40px;
      padding: 20px;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
    }

    .gallery::-webkit-scrollbar {
      display: none;
    }
     .image {
      flex: 0 0 auto;
      scroll-snap-align: center;
    }