@import "/css/style_main.css";

body {
    scrollbar-color: var(--primary-text-color) #0A0908;
}

.works-container {
    background-image: url("/img/home/shrines_bg.jpg");
    background-size: cover;

    height: 65vh;
    
    overflow-x: scroll;
    overflow-y: hidden;
    
    box-shadow: 0 0 30px black inset;
}

#shrines-container {
    background-image: url("/img/home/shrines_grass.png");
    background-repeat: repeat-x;
    background-position-y: 100%;
    
    width: fit-content;
    margin-top: 20vh;
}

.shrines-container__shrines {
    display: flex;
    height: 40vh;
    gap: 5rem;
    padding-bottom: 3rem;
    
    a {
        img {
            margin: auto;
            display: block;
            height: 100%;
        }
    }
}

.shrine-icon-pixel {
    image-rendering: pixelated;
}