@font-face {
    font-family: 'JBMono';
    src: url('JetBrainsMono-Regular.woff2') format('woff2');
}

html {
    height: 100%;
    width: 100%;
    color: orange;
    font: 1em JBMono;
}

.silent{
    color: orange;
    text-decoration: none;
    cursor: text;
}

@keyframes blink {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    76% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

blink {
    animation: blink 0.75s ease-in infinite alternate !important
}

nav {
    position: fixed;
    background-color: black;
    z-index: 2347956828374786234569273482340053475234789570234705;
}

@keyframes dance {
    0% {
        wtransform: scaleX(1);
    }

    25% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(-1);
    }

    75% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(1);
    }
}

.miku {
    animation: dance 0.5s infinite;
}

@keyframes spin {
    0% {
        wtransform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spin {
    animation: spin 5s linear infinite;
}
body{
 background:
        /* top, transparent black, faked with gradient */ 
        linear-gradient(
          rgba(0, 0, 0, 0.7),
          rgba(0, 0, 0, 0.7)
        ),
        url("https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Aroace_flag.svg/1280px-Aroace_flag.svg.png");
    border: 24px black solid;
    animation: gamer 1s linear infinite;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

*::-webkit-scrollbar { /* chrome */
  display: none;
}

@keyframes gamer{
    0%{
        border-color: #FF0000;
    }
    16%{
        border-color: #FFFF00;
    }
    33%{
        border-color: #00FF00;
    }
    50%{
        border-color: #00FFFF;
    }
    66%{
        border-color: #0000FF;
    }
    82%{
        border-color: #FF00FF;
    }
    100%{
        border-color: #FF0000;
    }
}

.img{
    width: 400px;
    height: 280px;
}
.gamer{
    border: 2px black solid;
    animation: gamer 0.5s linear infinite;
}

.gallery{
    scroll-behavior: smooth;
    overflow: scroll;
}

.gallery_img_list{
    display: flex;
    flex-direction: row;
    overflow: hidden
}

summary{
    cursor: pointer;
}

.album_artwork{
    width: 60%;
    height: 60%;
}

tiny{
    font-size: 0.3em;
}

table, th, td {
  border: 1px solid;
}

table {
  border-collapse: collapse;
}

abbr{
    cursor: help;
}