body {
  font-family: "Jura", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.glow-on-hover, a {
    position: relative;
    z-index: 0;

}

.glow-on-hover:before, a:before {
    content: '';
    background: linear-gradient(45deg, #ff000099, #ff730099, #fffb0099, #48ff0099, #00ffd599, #002bff99, #7a00ff99, #ff00c899, #ff000099);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 600%;
    z-index: -1;
    filter: blur(1rem);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .2s ease-in-out;

}

.glow-on-hover:active:after, a:active:after {
    background: transparent;
}

.glow-on-hover:hover:before, a:hover:before {
    opacity: 1;
}

.glow-on-hover:after, a:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
.dash {
    background: repeating-linear-gradient(45deg, #555 0, #555 1px, transparent 1px, transparent 14px);
}
.shadow-6, .button {
    box-shadow: rgb(0, 0, 0) 0.4rem 0.4rem 0px 0px;
}
.shadow-7, .button {
    box-shadow: rgb(0, 0, 0, 0.1) 0.4rem 0.4rem 0px 0px;
}
.button:hover{
    box-shadow: rgb(0, 0, 0) 0.2rem 0.2rem 0px 0px;
    transform: translate(0.2rem, 0.2rem);
}
.button:active{
    box-shadow: none;
    transform: translate(0.4rem, 0.4rem );
}
.press:hover{
    transform: translate(0.2rem, 0.2rem);
}
.press:active {
    transform: translate(0.4rem, 0.4rem );
}

/* РАСШИРЕНИЕ TACHYONS */
.btn-primary {
    text-align:center; /* tc */
    padding: .5rem; /* pa2 */
    font-weight: bold; /* b */
    border-style: solid; border-width: 1px; /* ba */
    width: 100%; /* w-100 */
    border-width: .125rem; /* bw1 */
    border-color: #000; /* b--black */
    background-color: #000; /* bg-black */
    color: #fff; /* white */
    transition: .75s ease-in-out;
    text-decoration: none;
}
.btn-primary:hover{
    cursor:pointer; /* pointer */
    color: #000; /*hover-black*/
    background-color: rgb(255, 255, 255, 0.6);
    transition: .15s ease-in-out;
}


.btn-secondary {
    text-align:center; /* tc */
    padding: .5rem; /* pa2 */
    font-weight: bold; /* b */
    border-style: solid; border-width: 1px; /* ba */
    width: 100%; /* w-100 */
    border-width: .125rem; /* bw1 */
    border-color: #000; /* b--black */
    background-color: #fff; /* bg-white */
    color: #000; /* black */
    text-decoration: none;
}
.btn-secondary:hover {
    cursor:pointer; /* pointer */
    background-color: rgb(255, 255, 255, 0.6);
}


.frame-primary {
    border-style: solid; border-width: 1px; /* ba */
    border-color: #ccc; /*b--moon-gray*/
    background-color: #fff; /* bg-white */
    transition: box-shadow .75s ease-in-out;
}
.frame-primary:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    transition: box-shadow .15s ease-in-out;
}