h1 {
    font-family: Hypnospace outlaw, courier new, new times roman;
    background: -webkit-linear-gradient(#00ffff, #0505ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body {
    background-image: url('https://vignette.wikia.nocookie.net/cloemp/images/2/22/CE6044CD-D50F-42C9-A90B-F8BA65D819A9.jpeg/revision/latest?cb=20191125154037&path-prefix=nl');
    background-size: 1080px 1080px;
    font-family: arial;
    color: white;

}

a {
    animation: color-change 5s infinite;
    text-decoration: none;
}

    a:hover {
        text-shadow: 2px 1px #000;
    }

    a:active {
        background-color: steelblue;
    }

@keyframes color-change {
    0% {
        color: #FF7777;
    }

    10% {
        color: #FFFF77;
    }

    30% {
        color: #77FF77;
    }

    50% {
        color: #77FFFF;
    }

    70% {
        color: #7777FF;
    }

    90% {
        color: #FF77FF;
    }

    100% {
        color: #FF7777;
    }
}

button {
    background: none;
    color: aliceblue;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: aqua;
    position: relative;
    top: -1.2px;
}

    button:active {
        border-color: deepskyblue;
    }

    button:hover {
        background: center;
        background-color: rgba(0,0,0,0.33);
    }

.hidden {
    opacity: 0;
    margin: 0px;
}

    .hidden:hover {
        opacity: 1;
    }

.tooltip {
    position: relative;
    display: inline-block;
    left: 0px;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        font-family: Hypnospace outlaw, courier new, new times roman;
        width: 500px;
        background-color: #538;
        color: ghostwhite;
        text-align: left;
        border-radius: 2px;
        padding: 3px 0;
        position: absolute;
        z-index: 444334;
        top: 15px;
        font-size: 30px;
    }

    .tooltip .p {
        font-size: 12px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

::-webkit-scrollbar {
    width: 7px;
}

    ::-webkit-scrollbar:hover {
        width: 15px;
    }

::-webkit-scrollbar-track {
    background: -webkit-linear-gradient(#883388, #338888);
}

::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(#FF77FF55, #77FFFF55);
}

    ::-webkit-scrollbar-thumb:hover {
        background: -webkit-linear-gradient(#FF77FF, #77FFFF);
    }

input::file-selector-button {
    cursor: help;
    color: transparent;
    border: none;
    content: none;
    background: transparent;
    background-image: url("https://www.geocities.ws/biljoodus/spinningcube.gif");
    height: 200px;
    width: 200px;
}

input[type=file] {
    color: transparent;
    width: 200px;
}

    input[type=file].tooltip {
        content: none;
    }

.heee {
    position: fixed;
    background: #222222;
    width: 98%;
    height: 98%;
    text-align: center;
    top: 1%;
    left: 1%;
    font-family: 'Comic Sans MS';
    font-size: 10vh;
}

.heeed {
    position: fixed;
    background: #222222;
    width: 98%;
    height: 98%;
    top: 1%;
    left: 1%;
    font-size: 15px;
}

.hee.hi {
    font-size: 1vh;
}

input[name=loook] {
    background: transparent;
    animation: color-change 5s infinite;
    outline: none;
    border: none;
    font-size: 15px;
}

    input[name=loook]::placeholder {
        color: white;
    }

button[name=de] {
    color: white;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.lols {
    font-size: 10px;
}

button[name=theme] {
    border-bottom: none;
    position: fixed;
    right: 1%;
    font-size: 20px;
}

button[name=them] {
    border-bottom: none;
    right: 1%;
    font-size: 20px;
}

.there {
    top: 2.3%;
    right: 1%;
    text-align: right;
    position: fixed;
}