@font-face {
  font-family: "Ronzino";
  src: url("/assets/fonts/Ronzino-Regular.woff2") format("woff2");
}

:root {
  --light: #f1f1f1;
  --dark: #0d0d0d;
}

h1{
    font-size: 200px;
}

body{
    font-family: "Ronzino";
    font-weight: 400;
    background: var(--dark);
    color: var(--light);
}

.gallery-group{
  padding: 0 4rem;
}
.gallery-grid {
    gap: 4rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 12rem 0rem;
    display: flex;
    list-style-type: none;
}

.gallery-grid__item{
  justify-content: center;
    align-items: center;
    width: calc((100% - 20em) / 6);
    height: calc((100vw - 28em) / 6);
    display: flex;
     

}

.gallery-item__img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}