::-webkit-scrollbar {
    width: 8px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background-color:#282c3e;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background-color: #FD5C55;
}
body {
	background-color: black;
	/* min-height: 100vh; */
	margin:1px;
}

.grid {
	min-height: auto;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-template-rows: repeat(4, 24.5vh);
	grid-gap: 5px;
	max-width: 100%;
	grid-auto-flow: dense;
}
.grid__item{
	overflow: hidden;
	position: relative;
}
.grid__item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	transition: transform 0.4s ease-in;
	transform: scale(1) ;
	opacity: 1;
}
.grid__item img:hover{
	transform: scale(1.15) ;
	opacity: 0.7;
	filter: blur(2px);
	-webkit-filter: blur(2px);
}
.grid__item img:hover + p {
	transform: translateX(-50%) translateY(0);
}
.item-0{
	grid-column: span 2;
}
.item-0 img,
.item-5 img,
.item-4 img,
.item-2 img,
.item-6 img {
	object-position: top;
	object-fit: cover;
}

.item-2{
	grid-column: span 2;
	grid-row: span 2;
}

.item-7{
	grid-row: span 1;
	grid-column: span 2;
}
.item-7 img{
	object-position: top;
}

.item-8{
	grid-column: span 2;
	grid-row: span 2;
}
.item-8 img {
	object-fit: cover;
	object-position: top;
}


.grid__item p {
	color:#FD5C55;
	font-size: 1.8rem;
	position: absolute;
	bottom:0;
	left:50%;
	display: block;
	width: 100%;
	transform: translateX(-50%) translateY(100%);
	margin:0;
	text-align: center;
	transition: transform 0.4s ease-in;
	padding-top: 4rem;
	padding-bottom: 0.5rem;
	/*background: rgb(29,32,49);*/
    background: linear-gradient(180deg, rgba(29,32,49,0) 0%, rgba(29,32,49,1) 100%);
	font-family: helvatice/arial;
	font-style: italic;
	letter-spacing: 2px;
	font-family: monospace;
}

@media (max-width: 650px) {
	.grid {
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(auto, 20vh);
    }
    .item-2{
	grid-column: span 2;
	grid-row: span 1;
   }
   .item-7{
	grid-area: 6 / 1 / 5 / 3;
  }
   .item-7 img{
	object-position: bottom;
  }
}