techno-CSS.css

.grid-container {
    padding-top: 1rem;!important;
}
.grid-container--home {
    align-items: center;
}
@media screen and (max-width: 35rem){
    .grid-container {
        padding-top: 1rem;!important;
    }
    .grid-container--home {
        align-items: center;
    }
}

.technoBG{
    background-image: url("assets/destination/sky-dark.png");
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    position: relative;
}

.jayButton {
    color: #dcdcdc;
    text-decoration: none;
    display: grid;
    position: relative;
    margin: 1rem;
    padding: 0.1em 0.7em;
    font-size: 1.3rem;
    font-weight: 1000;
    cursor: pointer;
    border: #6a00ec 0.1em solid;
    border-radius: 0.25em;
    /*text-shadow: 0 0 0.25em hsl(0 0% 60%), 0 0 0.15em #23cb00;*/
    box-shadow: inset 0 0 .5em #6a00ec, 0 0 0.5em #3c008a;
    transition: background-color 100ms linear;
    z-index: 2;
}
.jayButton:hover {
    color: #ffffff;
    text-shadow: 0 0 0.15em hsl(0 10% 20%), 0 0 0.15em #f5f5f5;
    box-shadow: inset 0 0 2em #6a00ec, 0 0 3em #9256ff;
    /*transform: perspective(1em) rotateX(40deg) scale(1.5, 0.35);
    filter: blur(1.5em);
    opacity: .5;*/
}
.jayButton:hover::after {
}