@import"https://fonts.googleapis.com/css2?family=Inspiration&family=Orbitron:wght@400..900&family=Pirata+One&family=Poiret+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bg-color: hsl(231, 45%, 9%);--grid: hsla(0, 0%, 84%, .05);--primary: hsla(0, 0%, 84%, 1);--gradient: hsla(231, 45%, 9%, .9);--gb-image: url(./bg-Dx58tq91.jpg)}*{margin:0;padding:0}body{background-color:var(--bg-color);background-image:repeating-linear-gradient(to right,transparent 0 150px,var(--grid) 150px 151px),repeating-linear-gradient(to bottom,transparent 0 150px,var(--grid) 150px 151px),linear-gradient(var(--gradient),var(--gradient)),var(--gb-image);background-size:auto,auto,auto,cover;background-position:center;margin:0;min-height:100vh;font-family:Poppins,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center}.list{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:60vh;gap:5px;width:90vw;padding:20px;transform-style:preserve-3d;transform:perspective(2000px)}.list .item{border-radius:.5rem;overflow:hidden;transition:.5s;filter:brightness(0)}.list .item img{width:100%;height:100%;object-fit:cover}.list .item:hover{filter:brightness(1);transform:translateZ(200px)}.list .item:hover+*{filter:brightness(.6);transform:translateZ(150px) rotateY(30deg)}.list .item:hover+*+*{filter:brightness(.4);transform:translateZ(70px) rotateY(20deg)}.list .item:hover+*+*+*{filter:brightness(.2);transform:translateZ(30px) rotateY(10deg)}.list .item:has(+*:hover){filter:brightness(.6);transform:translateZ(150px) rotateY(-30deg)}.list .item:has(+*+*:hover){filter:brightness(.4);transform:translateZ(70px) rotateY(-20deg)}.list .item:has(+*+*+*:hover){filter:brightness(.2);transform:translateZ(30px) rotateY(-10deg)}.content{position:absolute;bottom:0;color:#fff;padding:20px;width:90vw;left:50%;transform:translate(-50%)}.content h1{font-size:10vw;font-family:Poiret One,serif-sans;line-height:.8em}@media screen and (max-width: 479px){.content h1{font-size:15vw}}.content .author h4{font-family:Inspiration,cursive;font-weight:400;font-size:4vw;line-height:.8em}@media screen and (max-width: 479px){.content .author h4{font-size:8vw}}