body{color:#fff;box-sizing:border-box;background-color:#000;margin:0;padding:0;font-family:JetBrains Mono,monospace;font-weight:200}h1{font-optical-sizing:auto;text-align:center;margin-top:5rem;font-family:Excon,sans-serif;font-size:3rem;font-weight:400}.links{text-transform:uppercase;text-align:center;margin-top:.5rem;margin-bottom:3rem;font-size:1rem}.links a{color:#fff;text-decoration:none}.gallery-container{flex-wrap:wrap;transition:opacity .3s;display:flex}.gallery img:first-child{grid-area:span 1/span 2}.gallery img:nth-child(2){grid-area:span 2/span 1}.gallery img:nth-child(3),.gallery img:nth-child(4){grid-area:span 1/span 1}.gallery img:nth-child(5){grid-area:span 1/span 2;position:absolute}.gallery-item{width:calc(33.3333% - 6.66667px);margin-bottom:10px;position:relative}@media screen and (width<=600px){.gallery-item{width:100%}}.gallery-item img{width:100%;height:auto;transition:opacity .2s;display:block;position:relative}.title{color:#fff;opacity:0;text-align:center;text-transform:uppercase;font-size:2.2rem;transition:opacity .3s}.text-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-2{color:#fff;opacity:0;text-align:center;text-transform:lowercase;font-size:1rem;font-weight:300;transition:opacity .3s}.gallery-item:hover .title{opacity:1}.image-1:hover img{opacity:.17}.image-1:hover .title-1{opacity:1}.image-2:hover img{opacity:.17}.image-2:hover .title-2{opacity:1}.image-3:hover img{opacity:.17}.image-3:hover .title-3{opacity:1}.image-4:hover img{opacity:.17}.image-4:hover .title-3{opacity:1}.image-5:hover img{opacity:.17}.image-5:hover .title-3{opacity:1}.image-6:hover img{opacity:.17}.image-6:hover .title-3{opacity:1}.image-7:hover img{opacity:.17}.image-7:hover .title-3{opacity:1}.image-8:hover img{opacity:.17}.image-8:hover .title-3{opacity:1}.image-10:hover img{opacity:.17}.image-10:hover .title-3{opacity:1}.image-12:hover img{opacity:.17}.image-14:hover .title-3{opacity:1}.copyright{text-align:center;margin-bottom:40px;font-size:10px}
/*# sourceMappingURL=index.6f2e6334.css.map */