/* Base */

a {
    cursor: url(../../images/pointer.cur), pointer;
}

/* Layout */

#particles {
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}

.page {
    align-items: center;
    cursor: url(../../images/cursor.cur), default;
    grid-template-rows: 1fr 1fr 3rem;
    grid-template-columns: [start] 25vw [start-content] 1fr [end-content] 25vw [end];
    justify-content: center;
    max-height: 100vh;
    overflow: hidden;
}

    .page-header {
        grid-column: start-content / end-content;
        position: relative;
        text-align: center;
    }

        .page-header-title {
            display: inline-block;
            font-size: 3rem;
            transition: color var(--animation-duration), transform var(--animation-duration);
        }

        .page-header-title:hover {
            color: var(--cyan);
            transform: scale(1.05);
        }

    .page-searchbar {
        grid-column: start-content / end-content;
        margin-top: 3rem;
        position: relative;
    }

        .page-searchbar-input {
            cursor: url(../../images/pointer.cur), text;
        }

        .page-searchbar-results {
            position: absolute;
        }
        
    .page-footer {
        grid-column: start / end;
        justify-content: space-between;
    }