/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
    position: relative;
    top: 0px;
    left: 0px;
    display: flex;
    z-index: 99;
}
 <script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
<div class="commonninja_component pid-8de8e918-c504-4ac5-92b5-648d2778f193"></div>

#glenplayer02 a {
    text-decoration: none;
}

#glenplayer02>div {
    align-self: center;
    -webkit-align-self: center;
}

.music-controls {
    user-select: none;
    -webkit-user-select: none;
    width: 13px;
    font-size: 18px;
    cursor: pointer;
}

.playy,
.pausee {
    color: #d5e2f6;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}

/* color of play & pause buttons */

.pausee {
    display: none;
}

.sonata {
    margin-left: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 14px;
    color: #d5e2f6;
    font-weight: bold;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    /* color of music note symbol */
}

.labeltext {
    margin-left: 0px;
    position: relative;
    bottom: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 14px;
    color: #d5e2f6;
    font-weight: bold;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    /* color of song title */
}

* {
    cursor: url("https://64.media.tumblr.com/1f40badff67b539f91dcf106caecd24b/tumblr_inline_mo87wyItqZ1qz4rgp.gif"), crosshair;
    box-sizing: border-box;
}

@font-face {
    font-family: heart;
    src: url(HEART___.ttf);
}

@font-face {
    font-family: "pixel";
    src: url(pixelpoiiz.ttf);
}

@font-face {
    font-family: "rainy";
    src: url(rainyhearts.ttf);
}

@font-face {
    font-family: "kink";
    src: url(KINKEE__.TTF);
}

body {
    background-image: url("https://64.media.tumblr.com/tumblr_mb9dkhH1My1qid2nw.png");
}

.container {
    display: grid;
    grid-template-columns: 0.6fr 1.4fr 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 0px;
    grid-auto-flow: row;
    justify-content: space-evenly;
    grid-template-areas:
        "Header Header Header"
        "Sidebar Content Content"
        "Sidebar Content Content"
        "Footer Footer Footer";
    width: 100%;
    height: 100%;
}

.Header {
    grid-area: Header;
    width: 100%;
    height: 100%;
    background-color: transparent;
    text-align: center;
    font-family: "heart";
    font-size: 80px;
    color: #10386d;
    margin: 0;
    padding: 0;
}


.Content {
    justify-self: center;
    align-self: stretch;
    grid-area: Content;
    width: 100%;
    height: 100%;
    background-color: #fffcdd;
    border-top-right-radius: 20px;
    border-style: dashed dashed none none;
    border-color: #10386d;
    font-family: "rainy";
    font-size: 14px;
    padding-left: 10px;
    padding-top: 15px;
}

.Content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.Sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-area: Sidebar;
    width: 100%;
    height: 100%;
    background-color: #def1ff;
    border-color: #10386d;
    border-top-left-radius: 20px;
    border-style: dashed none none dashed;
    font-family: "pixel";
    font-size: 11px;
    text-align: center;
    padding-top: 20px;
}

.Footer {
    justify-self: center;
    grid-area: Footer;
    width: 100%;
    height: 100%;
    background-color: #a5d9ff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-style: dashed dashed dashed dashed;
    border-color: #10386d;
    font-family: "rainy";
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}

blockquote {
    font: 14px;
    padding: 8px;
    background-color: #faebbc;
    border-top: 1px solid #e1cc89;
    border-bottom: 1px solid #e1cc89;
    margin: 5px;
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 23px;
    font-family: "rainy";
}

blockquote span {
    display: block;
    background-repeat: no-repeat;
    background-position: bottom right;
    font-family: "rainy";
}

b {
    color: white;
    background-color: #10386d;
}

i {
    color: #B22222;
}

u {
    text-decoration-color: #0004ff;
}

del {
    color: red;
}

h1,
h2 {
    font-family: "kink";
    color: #10386d;
}

h3,
h4,
h5,
h6 {
    color: #10386d;
}

a {
    box-shadow: inset 0 0 0 0 #54b3d6;
    color: #54b3d6;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

a:hover {
    box-shadow: inset 100px 0 0 0 #54b3d6;
    color: white;
}

.chat {
    position: relative;
    width: 80%;
    height: 100%px;
    border: 2px dotted black;
}

.border-text {
    position: absolute;
    top: -15px;
    background-color: #def1ff;
    right: 10px;
    padding: 0 5px;
    font-size: 11px;

}

.border-text img {
    vertical-align: middle;
}

.change {
    height: 100px;
    overflow: auto;
    text-align: left;
    font-family: "rainy";
    padding: 5px;
}

.links_list {
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    width: 200px;
}

.links_head {
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    margin: 0px;
    text-align: center;
    font-family: "pixel";
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
    text-shadow: -1px 0 #424242, 0 1px #424242, 1px 0 #424242, 0 -1px #424242, 0 0;
    background: -webkit-linear-gradient(-90deg, #10386d 5%, #10386d 5%, #000000 100%);
    border: 1px solid #424242;
}

.links_body {
    padding: 10px;
    text-align: left;
    font-family: "pixel";
    color: #ffffff;
    background-image: url(http://media.tumblr.com/04ff549b92bb99db8ad725a83e288030/tumblr_inline_mnd920iJ7C1qz4rgp.gif);
    line-height: 1.3em;
    display: none;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    border-bottom: 1px solid #424242;
    border-radius: 0px 0px 5px 5px;
}

.links_body a {
    color: white;
}

.links_body a:hover {
    background-color: #10386d;
    color: white;
    text-decoration: line-through;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 10px;
    /* Vertical Width */
    height: 10px;
    /* Horizontal Height */
}

/* Scrollbar Track Color */
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

/* Scrollbar Thumb Color */
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0px;
    border: 2px solid transparent;
}

/* Thumb Hover */
::-webkit-scrollbar-thumb:hover {
    background: #10386d;
}

#statuscafe {
    padding: .5em;
    background-color: transparent;
    border: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#statuscafe-username {
    margin-bottom: .5em;
}

#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

li {
    list-style-type: "★ ";
}

.content-text {
    padding: 10px;
    width: 99%;
    height: 99%;
    border: 1px dotted rgb(212, 188, 142);
}

.caption {
    padding: 0;
    display: block;
    width: 24%;
    margin: auto;
    font-size: 11px;
    background-color: #a5d9ff;
}

@media (max-width: 800px) {
    .container {
        grid-template:
            "Header"
            "Sidebar"
            "Content"
            "Footer";
    }

    .Sidebar,
    .Content,
    .Footer {
        border: none;
        border-radius: 0;
    }
}

/* DANTENDO DS CODE BELOW */

:root {
    /*
    made in chrome, or webkit based browsers... (=`ω´=)
    it's basically useless in firefox (•ิ_•ิ) (tabs don't work)
    still looks nice as deco though ~

        ==== customization ====

        color scheme ! will affect the... case(?) and tab color
        can use #hex, rgb(0,0,0), colorname, etc */
    --overall-color: skyblue;

    /* welcome image / background ?
        i love using a png for this */
    --welcome-image: url("https://files.catbox.moe/8pcguv.gif");

    /* custom tab titles ! */
    --tab-1-title: "about me";
    --tab-2-title: "love/hate";
    --tab-3-title: "byf";
    --tab-4-title: "dni";

    /* text that goes after every tab ! 
        use '\A' without quotes to form a line break */
    --tab-1-content: "i don't know... \A who am i?";
    --tab-2-content: "likes: girls and boys \A dislikes: poop";
    --tab-3-content: "i'm mentally insane";
    --tab-4-content: "normal people";

    /* thumbnails ! make sure you put your image
        link INSIDE the quotation marks.... please */
    --tab-1-thumbnail: url("https://files.catbox.moe/r6etp4.gif");
    --tab-2-thumbnail: url("https://files.catbox.moe/egd21w.webp");
    --tab-3-thumbnail: url("https://files.catbox.moe/76ft3u.gif");
    --tab-4-thumbnail: url("https://files.catbox.moe/ski5z1.gif");
}

/* wall of code itself down below... if you know what you're doing and wanna change advanced stuff, make it readable at unminify.com */
.dantendo,
.dantendo img {
    max-width: 100%
}

.dantendo .arrows,
.dantendo .buttons {
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, .5))
}

.dantendo .arrows a,
.dantendo .buttons a {
    vertical-align: top;
    position: relative;
    display: inline-block
}

.dantendo *,
.dantendo ::after,
.dantendo ::before {
    box-sizing: border-box
}

.dantendo ::selection {
    background: 0 0
}

.dantendo ::-webkit-scrollbar-thumb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAWCAYAAAA8VJfMAAAA5ElEQVRIDc2VIRKDMBBFOSaysrISmSNEIjkCshJZGRnJEZC47fyd+ZkvKjdQ8VkmzLyXBZIMKSW7OsM4ZZvX7bLA59LlvRmzfort+x4W8MhGdekjzYYHzHEcFh2yUeEbcNGZRAvBU36T6jc9z9Oio/wmnZbVmGgheGSj3it95sWYHp2Sjeqd4hfWwd7Stk5vkaJlpkenZKO2TsdXNqbHOiXbK7dBHbxFGrnvkqVN/Xy9tVaLzh9Jp+x/FVovpYQHXI2fpzpwmVTXUfT3BE/5aNA71R0Jx1CkGDzluxSz0KOn9z18X6jbQZNFS4ScAAAAAElFTkSuQmCC) center/contain no-repeat
}

.dantendo ::-webkit-scrollbar-track {
    margin-inline: 2px
}

.dantendo ::-webkit-scrollbar {
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAA5UlEQVQ4Ea3VMRKDIBAFUI5pmZIyJSVHoLT0CJYpLS1TehS6zfyd7IYgigMWPwQhLx8zY4z3nu6KsdYSMs5Ldxhz08zQ9FqoNShjUmhe39QSFFAMEyCtrXaYXGi9dzihHhMILrTGhumHXUVwO2KMuy9lDC+AMJ5FEEBIvvfhRzI1LEeasCPkFEM9tMOI1BDBZH86msEFxoZnII0LjK7bRkfRvd/PAWUMb/JFnp+g+f46Jm0L6CGGo+aLxXmC5uva7DImTQsjY/glGUO7jih2B/iHYdIbftICQbve6H/A1adGaZ+U+ACW94bTEjITDAAAAABJRU5ErkJggg==) left/contain no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAA5klEQVQ4Ea2VMRKDIBBFOaZlSsqUlhzB0tIjUKa0tEzpUew283fyGciI2UCK7wKyj787DroQgvxLbo6r9Mp7L5DClscqrYKRcYklLG5PaRFMENjtDAYAhDuHR0/P2B6F+WlRKiYtopEq7DgO7Z8Vnnp2C7PAXS7AKPQkf3c2xqFYd99gFujPsCtoAYO7XEy8iiifOSgRYy1zuE+Sa9t3qQmQYSz3A4Y1M+wMQgNwZYJdQcwwC4QwLbtWZtr00cvqOnqYYO8JT2iJ6aNtSc5zAEowfi+tMcE46Ikwodc2IdYb4mwf/wEvJ+SG0y51IyIAAAAASUVORK5CYII=) right/contain no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAVElEQVQ4EcWSMQ1AQQjFkI4URmQggREJuHg/OOhy+UO3pgHuzN1FsIgQwbpbBNtdEbg4MyIYkc6xqhKBb01q5zwoZqYI/K1J7Zw/i+TTnvNgRnqeD13sstPObrArAAAAAElFTkSuQmCC) center/contain repeat-x
}

.dantendo ::-webkit-scrollbar:vertical {
    width: 2px !important;
    background: 0 0 !important
}

.dantendo ::-webkit-scrollbar-thumb:vertical {
    background: rgba(0, 0, 0, .3) !important
}

.dantendo .lower-screen::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 6%;
    width: 30%;
    right: 0;
    left: 0;
    margin-inline: auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAGCAYAAACmekziAAAACXBIWXMAAFxGAABcRgEUlENBAAAAcUlEQVQokeWOIRKDQBAE+ygess9CIu8JyJGRyJVInnNyZeQ9AQeSSiUQcyJVGbXTO6LhR5IW931ZVwDGYWDMOX0a6qH9pU9KLVk3u2NmmBmz+6VxPOPtbsn6Ugp12wCocT6/ybRmnSRqBDUCSbcif5EDSLhUUXnGw2QAAAAASUVORK5CYII=) left/30% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAACCAYAAADPV1tRAAAACXBIWXMAAFxGAABcRgEUlENBAAAAJElEQVQokWNs6Gj4z8DAwNBQ0cDIAAWUiFGqf6iZycQwCigCAFqyPosK481tAAAAAElFTkSuQmCC) 10px center/90% no-repeat;
    height: 10px;
    z-index: 9999;
    pointer-events: none
}

.dantendo {
    display: flex;
    flex-direction: column;
    gap: 2%;
    width: 250px;
    aspect-ratio: 1/1;
    position: relative;
    font-family: 'MS Pgothic';
    font-size: 80%;
    color: #000;
    text-align: center;
    margin: 5px auto;
    border-radius: 4%;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .3));
    transition: 4s linear;
    transform-style: preserve-3d
}

.dantendo,
.dantendo * {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzUlEQVRYw+3WzQ2DMAxA4YfVPWATh0lgE8Sm2SQ9tEEp4q9SaksVvhFyePogAnhNwmkESNM0uUUIQNd1eEqkt0JS1WQdIUCTFQoJ20dQBqiq6aPIAU3f9y4KUl54KJQBLgqyXrBWWAeYK8jWoqXCVoCpguzdsFLYCzBTkKObFgpHAVsK1T9WcrYhB7Rti6oyDENVjbOAD4UYo+07UCqEEACIMVZVuBLwUwW5urFUAKqdjKsBi8I4jlUFHt9szsdxnuclzOUHlnvuueef5gl21kMYB7ojtQAAAABJRU5ErkJggg==), auto !important
}

.dantendo .screen-division {
    background: var(--overall-color) linear-gradient(rgba(255, 255, 255, .3) 10%, transparent 90%);
    height: 50%;
    border-radius: 3%/6%;
    border: 1px solid #000;
    box-shadow: 0 0 0 3px color-mix(in lch, var(--overall-color) 80%, #fff) inset, 0 3px 8px 2px color-mix(in lch, var(--overall-color) 60%, #000) inset;
    overflow: hidden
}

.dantendo .screen-divider,
.dantendo .screen-divider::after,
.dantendo .screen-divider::before {
    background: var(--overall-color) linear-gradient(rgba(255, 255, 255, .5) 10%, transparent 50%);
    box-shadow: 0 -5px 5px -2px color-mix(in lch, var(--overall-color) 60%, #000) inset;
    position: absolute
}

.dantendo .screen-divider {
    top: 48%;
    right: 0;
    left: 0;
    margin-inline: auto;
    width: 95%;
    height: 5%;
    border-block: 1px solid black
}

.dantendo .screen-divider::after,
.dantendo .screen-divider::before {
    content: "";
    display: block;
    top: -20%;
    height: 135%;
    width: 14%;
    border: 1px solid #000;
    border-radius: 15%/30%
}

.dantendo .screen-divider::before {
    left: -3%;
    background-image: linear-gradient(gray, #000), linear-gradient(gray, #000), linear-gradient(gray, #000);
    background-position: 30% 30%, center 30%, 70% 30%;
    background-repeat: no-repeat;
    background-size: 8% 60%
}

.dantendo .screen-divider::after {
    right: -3%
}

.dantendo .screen {
    background: linear-gradient(0deg, #fff 0, #fff 30%, #d7d7d7 30%, #d7d7d7 70%, #fff 70%);
    background-size: 100% 3px;
    border: 1px solid #000;
    outline: rgba(0, 0, 0, .4) solid 1px;
    outline-offset: 4px;
    box-shadow: 0 0 0 5px color-mix(in lch, var(--overall-color) 90%, gray);
    border-radius: 3%/6%;
    margin-top: calc(3% + 8px);
    margin-inline: auto;
    height: calc(85% - 9px);
    width: 45%;
    position: relative
}

.dantendo-tab {
    transition: .6s 0.2s
}

.dantendo .upper-screen .screen {
    overflow-x: hidden;
    overflow-y: auto
}

.dantendo .lower-screen .screen {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 10%
}

.dantendo .upper-screen::after,
.dantendo .upper-screen::before {
    content: "";
    display: block;
    position: absolute;
    top: 36%;
    height: 1.8%;
    width: 5%;
    border-radius: 40%/80%;
    background: #000;
    filter: drop-shadow(-1px -1px 1px color-mix(in lch, var(--overall-color) 70%, white))
}

.dantendo .upper-screen::before {
    left: 12%
}

.dantendo .upper-screen::after {
    right: 12%
}

.dantendo-bar {
    margin: 1px;
    height: 10px;
    padding-inline: 11px;
    text-align: justify;
    font-size: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAACXBIWXMAAFxGAABcRgEUlENBAAAAqUlEQVQoka1SsQ3EMAg8vzKMy4zACCkZgTEyBiO4zAiM4NLbkMoRkT9KlP+rEAd3gA1cwMxcRPyKfwQzcyJyIhqEVNXN7N4giqiqx3yPiWgQmzrRE+u6AgCYGbXWo7CUAlV1EUnMjFIKBqGcM+Z5PhG1VrTW4kqpG4pIiubbtvkEAK21U9MbfJ4Wiogzc5/Oc84HtyxLGhriseP4d8f+ir88fxT7+UO+wQ63LnK4FP6+3AAAAABJRU5ErkJggg==) left 2px/11px no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAACXBIWXMAAFxGAABcRgEUlENBAAAAxUlEQVQokaWSrRbCMAyF7zgTeQQkshKJjJxE9jEmkUjkHqNysrISiZyc5BHihli7LfvhsMN1SXO/Jm0yRNV13VVVhb0qyxJZCpi5c87thlhrkU8TRAS6XX4GyOMJAMiZuRuSIqDzaSgqnCiTt6Qh0p8f5p0k8xywBk31ahwRAb1aeBNNzfEryF1lCSEiwDcoTrwwJ/k2jJfGTtQ4aUbfBlW8BpjW5yGEDOi/mIiAwowmvDXFGBVuvonclx1sKnYyLNs/G/sBGlhPnDO6iAoAAAAASUVORK5CYII=) right 1px/11px no-repeat;
    width: fit-content;
    white-space: nowrap
}

.dantendo-bar span {
    color: #4682b4;
    font-size: 10px;
    vertical-align: -1px;
    margin-right: 3px
}

.welcome-image {
    transition: .4s;
    content: var(--welcome-image);
    height: calc(100% - 15px);
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    opacity: 1;
    position: absolute;
    right: 0
}

.dantendo-tab {
    width: 85%;
    aspect-ratio: 1/0.78;
    margin: 2% auto;
    right: 0;
    left: 0;
    background: color-mix(in lch, var(--overall-color) 50%, #fff);
    border: 2px solid #fff;
    font-size: 10px;
    padding: 2px;
    color: color-mix(in lch, var(--overall-color) 50%, #000) !important;
    overflow-y: auto;
    word-break: break-word;
    position: absolute;
    box-shadow: 0 0 4px -1px rgba(0, 0, 0, .5)
}

.power-button,
.select-btn,
.start-btn {
    position: absolute;
    font-family: arial;
    font-size: 7px;
    color: #000;
    user-select: none;
    text-shadow: 0 0 0 #000;
    white-space: nowrap;
}

.dantendo .tab-content,
.dantendo .tab-title {
    margin: 0 !important;
    font-size: 11px;
    white-space: pre-wrap
}

.dantendo .tab-content {
    text-align: left
}

.dantendo .tab-title {
    text-transform: uppercase
}

#tab-1 .tab-title::after {
    content: var(--tab-1-title)
}

#tab-2 .tab-title::after {
    content: var(--tab-2-title)
}

#tab-3 .tab-title::after {
    content: var(--tab-3-title)
}

#tab-4 .tab-title::after {
    content: var(--tab-4-title)
}

#tab-1 .tab-content::after {
    content: var(--tab-1-content)
}

#tab-2 .tab-content::after {
    content: var(--tab-2-content)
}

#tab-3 .tab-content::after {
    content: var(--tab-3-content)
}

#tab-4 .tab-content::after {
    content: var(--tab-4-content)
}

#tab-1-button img {
    content: var(--tab-1-thumbnail)
}

#tab-2-button img {
    content: var(--tab-2-thumbnail)
}

#tab-3-button img {
    content: var(--tab-3-thumbnail)
}

#tab-4-button img {
    content: var(--tab-4-thumbnail)
}

.dantendo .screen .thumbnail {
    background: silver;
    border: 1px solid gray;
    outline: white solid 5px;
    box-shadow: 0 0 0 6px gray, 0 6px 0 4px gray;
    border-radius: 3px;
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-top: 20%;
    margin-left: 30%;
    vertical-align: middle
}

.dantendo .screen .thumbnail img {
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    object-fit: cover
}

:is(#tab-1, #tab-2, #tab-3, #tab-4) {
    opacity: 0
}

.dantendo:has(#tab-1-button:focus, .arrow-up a:focus, .button-x a:focus) #tab-1 {
    opacity: 1
}

.dantendo:has(#tab-2-button:focus, .arrows-left-right a:first-child:focus, .buttons-y-a a:first-child:focus) #tab-2 {
    opacity: 1
}

.dantendo:has(#tab-3-button:focus, .arrows-left-right a:last-child:focus, .buttons-y-a a:last-child:focus) #tab-3 {
    opacity: 1
}

.dantendo:has(#tab-4-button:focus, .arrow-down a:focus, .button-b a:focus) #tab-4 {
    opacity: 1
}

.dantendo:has(a:not(.power-button):focus) .welcome-image {
    opacity: 0
}

.select-btn,
.start-btn {
    right: 18%;
    height: 4%;
    width: 4%;
    background: var(--overall-color);
    border-radius: 100%;
    border: 1px solid #000;
    box-shadow: -2px 2px 3px rgba(255, 255, 255, .2) inset, 3px -3px 3px color-mix(in lch, var(--overall-color) 80%, #000) inset, 1px 1px 2px rgba(0, 0, 0, .5);
    text-indent: 140%
}

.start-btn {
    bottom: 10%
}

.select-btn {
    bottom: 4%
}

.select-btn:active,
.start-btn:active {
    box-shadow: 2px -2px 3px rgba(255, 255, 255, .2) inset, -3px 3px 3px color-mix(in lch, var(--overall-color) 80%, #000) inset
}

.dantendo .arrows {
    width: 17%;
    height: 15%;
    position: absolute;
    top: 67%;
    left: 5%
}

.dantendo .arrows::before {
    content: "";
    display: block;
    position: absolute;
    top: 33%;
    right: 37%;
    background: var(--overall-color);
    width: 27%;
    height: 33%;
    z-index: 69
}

.dantendo .arrows div {
    height: 33%;
    white-space: nowrap
}

.dantendo .arrows a {
    background: var(--overall-color);
    height: 100%;
    width: 40%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.dantendo .arrow-down a,
.dantendo .arrow-up a {
    width: 30%
}

.dantendo .arrow-up a {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .3) 10%, transparent 80%);
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 2px 2px 0 0
}

.dantendo .arrow-down a,
.dantendo .arrows-left-right a:first-child {
    border: 1px solid #000;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, .8) inset
}

.dantendo .arrow-down a {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, .3) 10%, transparent 80%);
    border-top: 0;
    border-radius: 0 0 2px 2px
}

.dantendo .arrows-left-right a:first-child {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, .3) 10%, transparent 80%);
    border-right: 0px;
    border-radius: 2px 0 0 2px
}

.dantendo .arrows-left-right a:last-child {
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, .3) 10%, transparent 80%);
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, .8) inset;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 2px 2px 0
}

.dantendo .arrow-up a:active {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .2) 10%, transparent 80%)
}

.dantendo .arrow-down a:active {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .2) 10%, transparent 80%)
}

.dantendo .arrows-left-right a:first-child:active {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .2) 10%, transparent 80%)
}

.dantendo .arrows-left-right a:last-child:active {
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, .2) 10%, transparent 80%)
}

.dantendo .arrow-down a::after,
.dantendo .arrow-up a::after,
.dantendo .arrows-left-right a::after {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    left: 0;
    right: 0;
    margin: auto
}

.dantendo .arrows-left-right a::after {
    width: 40%;
    top: 45%;
    height: 9%
}

.dantendo .arrow-down a::after,
.dantendo .arrow-up a::after {
    width: 9%;
    top: 25%;
    height: 50%
}

.dantendo .buttons {
    width: 20%;
    height: 19%;
    position: absolute;
    top: 63%;
    right: 3%;
    white-space: nowrap
}

.dantendo .buttons div {
    height: 33%
}

.dantendo .buttons a {
    background: var(--overall-color);
    height: 100%;
    width: 33%;
    border-radius: 50%;
    border: 1px solid #000;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: -2px -2px 5px -3px rgba(0, 0, 0, .6) inset, 2px 2px 5px -2px rgba(255, 255, 255, .8) inset
}

.dantendo .buttons a:active {
    box-shadow: 2px 2px 5px -3px rgba(0, 0, 0, .6) inset, -2px -2px 5px -2px rgba(255, 255, 255, .8) inset
}

.dantendo .buttons .buttons-y-a a:first-child {
    margin-right: 20%;
    background-image: url(data:image/png;base64,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);
    background-size: 60%
}

.dantendo .buttons .button-x a {
    background-image: url(data:image/png;base64,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4OkNwfG2hWo0/sWXSvLHwe2smZHLfLIxXkWOWy9w4yS1EMbI++RjJ/rM/G6D21lmNUNyGWMbtv6NCmC8wAWS/GJwUNSoucPHV3VYjq8Y3N7qBF42rHYyIrAkgZpH/5GGYJj6uPmzNG01dpclHTfFEBgi8PiG4H/fkJr1Z9Kx1VjXDMd+DSVsncD1k9SCFyPv+9dt7nzHVmOfH7zGwda9MTW4X6AWuPjx4OBf19VzOrYae37/IVQCgfkFaoGLkWf+ymtd18/r2mrstvMfHq8k0CfwqIbg/9iar6DbsdXYb2011vcmlvN8AvVorh7RjTz7b8oa+h1bjX1mzr0O5ju6XkXgIAK1kEUNzhkZ/DV46KYHKXPdfvXOwT5lfeS6IajvZgq8veHNvWn76HVtNbZJneRmRseGt+ohDcG/qTvpdm01dsiGv8c0b6ICNRW3puSOvPT/zYZ/wNWx1di6f1A60be3ah1MoOsR120OVugG/K5rq7EnboCNJqyRQMcgl+euUfsXqaqtxhbR89qVC9x/8GV/3UIcs2XDXG01tvK3sQrMI1ATXU4a3AEcn+TQeSqz5q/p2GpsXSZMrfmh287q11TXrw8O/jr732k7OdO11ViNyJQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIENivwH8AWBjxhdGXV8AAAAAASUVORK5CYII=);
    background-size: 115%
}

.dantendo .buttons .button-b a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAOLUlEQVR4Ae3de6g8ZR3H8be/1CxNu3nJ6IZpISSJdhVLI9EQi9CoTC2ksotGmRQZZl4qu2BUBFJiWSLiHwaRZYqEmNjVSPNWCZalWfkzKM178cVdfvs7Z/fsPLPfZ3b27HvgcPbsPjPPc14z89nZmWeeBScFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFhAgXcB/1snP48A9wEbgbuA24GbgauBS4BzgNOB44FDgBcAGxZwndlkBdIE1lMAtAmyB4AbgIuBE4FXAlun6bogBXousOwBMC40IhSuAU4F9ur5+rN5CswkYABM/wh0G/AlYJ+ZpJ1ZgR4KGADTA2D0KOFnwDHANj1clzZJgWIBA6AsAIZh8E/gk8CTi8WdQYEeCRgA7QJgGAR3AscBW/ZondoUBRoLGACzBcAwCG4CXtZY3YIK9ETAAMgJgAiCh4EzgK16sm5thgJTBQyAvAAYHg1cBzx3qrwFFOiBgAGQHwARBHFuwMuGPdjAbcLaAgZAnQCIEIhuyW9cm99XFZivgAFQLwAiBB4a3Hcw37Vs7QpMEDAA6gbA8EjgVRP8fVqBuQoYAPUDIELgHmD3ua5pK1dgjIAB0E0ARAj80kuEY7ZAn5qrQHYAnALs2/FPdMA5ADgMOHLQM+8k4DTg68BVg3fg2Ann/fO5ua5tK1dghUB2ABy1Yvl9+nNX4GDgo8D3gLjtt+tAeBTwfECftoolb8syBcDKVb0DEP//jwe9+LoKg5+ubIh/KzAvgWUOgFHzHYEzOzwqeNNo5T5WYF4CBsDm8i8ELu3go8GNwBabV+1fCnQvYACMN48efDGwaM2PBa8bX7XPKtCdgAEw2frFgz79tULgwslV+4oC3QgYAGs7v6hiCPwXeNra1fuqAnUFDIDpvnsAd1f6OPDO6dVbQoF6AgZAM9vo31Djo8B3mlVvKQXqCBgAzV3j+n12CNzRvHpLKpAvYAA0N90biJ582SHgTULN14ElkwUMgDLQ8ysEwBFlTbC0AnkCBkCZZdxwlH0EcHJZEyytQJ6AAVBmGV8EEpfvMkPgW2VNsLQCeQIGQLlldldhbw4qXwfOkSRgAJRDvi/5CODm8iY4hwI5AgZAueOrkwPAS4Hl68A5kgQMgHLIuGMw8xzAxvImOIcCOQIGQLnj9skBEEOHOykwFwEDoB175pWAWJaTAnMRMADasf858Sggxh1wUmAuAgZAO/bbEgPAqwDt1oFzJQgYAO0Q/50YANe2a4JzKTC7gAFQbvikxJ0/riZcVt4E51AgR8AAKHd8XnIAXFTeBOdQIEfAACh3jG8iyuwHcHZ5E5xDgRwBA6Dc8W3JAfCO8iY4hwI5AgZAuWMM45V5BOCAIOXrwDmSBAyAMsgNwD8SA+BevyCkbAVYOlfAACjzzL4R6Iqy6i2tQK6AAVDmGV/vnXn4/9my6i2tQK6AAdDccyfgX8kB8PLm1VtSgXwBA6C56XnJO//1zau2pAJ1BAyAZq7xTv1YcgCc0KxqSylQT8AAmG4bA4H+Knnn93sBp7tbogMBA2Bt5G2BnyTv/HES8btrV+urCnQjYABMdt4OuKrCzn8/sNvkan1Fge4EDIDx1rsCV1fY+ePd/2Pjq/RZBboXMAA2N996sINm3u8/2m/gOmDLzav0LwXmJ2AAbLI/GLi10rt+hMAjwD6bqvORAvMXWPYA2AP4FHBTxR1/eATw4fmvblugwOYCyxYAOwD7AR8H4nB8uHPW/h31OSnQO4H1EABbAHG5bhcgvrRjb+A1wKHAMcDngR8CmSP5lgTGKb1b6zZIgYFAdgCU7BjLUPbTbmkK9FnAAKjzMSCONg7q84q3bQqEgAGQHwDnAvH1YU4K9F7AAMgLgN8Ch/R+jdtABUYEDIDZAuBh4OLBSccRVh8qsBgCBkB5AMRtwXEv/2lAdBl2UmBhBQyA6QHwIHANcNbg0uJTF3Zt23AFVggYANMD4B7gAuBI4Okr/PxTgYUWMACmB8Bof4Xozx9HAycDL13oNW/jFfAy4MxdgW8BjgXiLkInBRZOwCOAsiOA0aOB0cd3AB8ZdEleuI3ABi+vgAGQEwDDMIjzBdH913MFy7tPLdR/bgDkBsAwCO6yU9BC7QdL21gDoE4ARBBEf4GvANss7dblP957AQOgXgAMjwZ+B+zV+y3BBi6lgAFQPwAiCKIz0QeXcgvzn+61QHYAHDXn/zYG3IzBQeIk3LOAPYHXAm8B4pt4vgZcDvypw9GAhkcC8TuuFDgp0BuB9RYAJbA7A4cDZ1ceDHQ0AOLxB0oaaVkFagoscwCsdH0JcDpwZ+Wjgzg5+O6Vlfu3AvMQMABWq0evvqOBOHm38t076+9HB3Wsrt1nFOhQwACYjP0E4HggOvdk7fijy4n7Cg6cXL2vKFBfwACYbhznCq6oFAJ/BXac3gRLKFBHwABo5roB+EylELi0WRMspUC+gAFQZho9+0YP47Mev72sGZZWIEfAAChzjC8huahCCMRHgaeUNcXSCswuYACUG8ZVgisrhEAMOeakQKcCBkA77hj3/2/JIRBfSe5txO3Wh3O1FDAAWsIBH0oOgDifECMNOynQmYAB0J76iRW+cHQjEMt1UqATAQNgNubo0pt1JWC4nLfO1iTnVqC5gAHQ3Gpcybj78A/JIfCjcRX5nAI1BAyA2VXPSA6AuE/A3oGzrxeX0EDAAGiANKXIAckBEB8F4ktInBSoLmAAzE4cJ+3uTw6Bb8/eLJegwHQBA2C6UZMS2TcL/aVJpZZRYFYBA2BWwcfn/0TyEUB8DNglp2kuRYHJAgbAZJuSV/avEACHlDTAsgq0ETAA2qitnmePCgEQRxVOClQVMAByeJ9RIQDOzWmaS1FgsoABMNmm5JUYMCSu3w9782X8tkNQyRqwbCsBA6AV29iZsscOvGFsLT6pQKKAAZCH+fvkI4C/5zXNJSkwXsAAGO/S5tlrkwPgP20a4TwKlAgYACVaa5f9dXIAxDkFJwWqChgAeby3JwdAnEh0bIC89eOSxggYAGNQWj4VQ3plnP0fXUaMP+ikQDUBAyCHNnbU0R034/FDOU1zKQpMFjAAJtuUvLJrhQC4t6QBllWgjYAB0EZt9TzxzcIZ7/qjy/COwNXOPpMsYADkgB5WIQBuyWmaS1FgsoABMNmm5JUvVwiAGGPASYGqAgZADu/1FQLgnJymuRQFJgsYAJNtmr4SA3g+ViEATmraAMsp0FbAAGgrt2m+GMd/9ORd1uM3b6rCRwrUETAAZneN+/azdvrR5cQgI04KVBUwAGbjjXH77qsQAHfN1iznVqCZgAHQzGlSqa9W2PnjKOCiSRX6vAKZAgZAe83nAA9UCoD3t2+WcyrQXMAAaG61suQ3Ku38cQTg5/+V2v5dRcAAaMe6L/BwpQD4RbsmOZcC5QIGQLnZbsDdlXb+ePc/vrxJzqFAOwEDoMwtOv38seLO/yAQQ4w7KdCJgAHQnHlbIA7PR6/VZz/27H/z9WHJBAEDoBnis4FrKu/8MQbgns2aYykFcgQMgOmObwBiiO7sd/uVy7tgelMsoUCugAEw2fP5wCUd7PgRBI8Au09uiq8oUEfAAFjtGofh0b+/Viefle/88fcXVzfDZxSoL2AAPG68E3AccGWlW3vH7fTD524Etqm/qq1BgdUCyxoAOwMxjNcXgPhGnzgEH+6QXf6OzkTRqchJgbkIZAfAKYMNOjbqefy8AtgfeD1wKHAUcCJwFnD+YGeP0Xa73MnXquvkuax1K1VgIJAdAGtt7L62efCc51aowLwFDIDNd8quQupyYMt5r3zrV8AA6D4Aojfh9m56CvRBwADoNgAuA7brw4q3DQqEgAHQXQBET7+t3OwU6JOAAVA/AOIS46nAFn1a8bZFgRAwAOoGwO3Afm5qCvRVwACoFwAXAjv0dcXbLgVCwADID4DfAAe6eSmwCAIGQF4A3AkcC2xYhBVvGxUIAQNg9gC4AXiPN/S4Qy2igAHQLgDizP4PgIMWcaXbZgWGAgZA8wCIO/eiC+97gWcOAf2twCILGABrB8Ctg8FBjna03kXezG37JAED4PEAiAE5Y7jvOKyPMQKOAGKQECcF1rXAegyA+Hwe39i7EYhv2Y3OOPFO/nPg+8A3gTOBE4DDgb08gbeut3H/OQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQUUUEABBRRQQAEFFFBAAQW6FPg/N/m5fJ4NxKMAAAAASUVORK5CYII=);
    background-size: 90%
}

.dantendo .buttons .buttons-y-a a:last-child {
    background-image: url(data:image/png;base64,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);
    background-size: 75%
}

.dantendo .camera-thingy {
    height: 100%;
    background: radial-gradient(black 50%, transparent 60%), radial-gradient(black 50%, transparent 60%);
    background-position: right, left;
    background-size: 20% 40%, 30% 50%;
    background-repeat: no-repeat;
    width: 8%;
    margin: auto;
    filter: drop-shadow(1px 1px rgba(255, 255, 255, .7))
}

.power-button:hover {
    color: black;
    text-decoration: none;
}

.power-button {
    bottom: 4%;
    left: 19%;
    height: 5%;
    width: 5%;
    background: var(--overall-color) url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
    border-radius: 100%;
    border: 1px solid #000;
    box-shadow: -2px 2px 3px rgba(255, 255, 255, .2) inset, 3px -3px 3px rgba(0, 0, 0, .4) inset, 1px 1px 2px rgba(0, 0, 0, .5);
    text-indent: -450%;
    text-decoration: none
}

.power-button:active {
    box-shadow: 2px -2px 3px rgba(255, 255, 255, .2) inset, -3px 3px 3px rgba(0, 0, 0, .4) inset, 1px 1px 2px rgba(0, 0, 0, .5)
}

.dantendo:has(.power-button:focus) {
    transform: perspective(200px) rotateX(80deg) rotateY(-80deg) scale(0)
}