@import url("../shared/shared.css?v=20250218002");

section#sites{
    a{
        max-height: 500px;
        max-width: 500px;
        background: var(--alt-color);
        margin: 10px auto 0px auto;
        display: flex;
        justify-content: center;
        h1{
            visibility: hidden;
            position: absolute;
            color: var(--alt-color);
            text-shadow: 0px 0px 20px var(--base-color);
            border-bottom: none;
            align-self: center;
        }
        img{
            width: 100%;
            background: none;
        }
    }
    a:hover{
        border: 5px dashed var(--alt-color);
        background: var(--base-color);
        h1{
            visibility: visible;
            z-index: 100;
        }
        img{
            filter: blur(2em);
        }
    }
}