The Lab | Scrollbar Decoration

Nintendo DS Full Width

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

==== customization ====

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

/* welcome image / background ?
        i love using a png for this */
            --welcome-image: url("https://media.giphy.com/media/lXiRzPb8C5JTJcfPq/giphy.gif?cid=ecf05e47o15qrxexg6w8q8z30c4filenjedctd17k2wvhcjv&ep=v1_gifs_related&rid=giphy.gif&ct=g");

/* custom tab titles ! */
            --tab-1-title: "about me";
            --tab-2-title: "art";
            --tab-3-title: "you";
            --tab-4-title: "linkme";

/* 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: "check my art \A i love to draw things";
            --tab-3-content: "things for your website";
            --tab-4-content: "link me with my button";

/* thumbnails ! make sure you put your image
        link INSIDE the quotation marks.... please */
            --tab-1-thumbnail: url("https://media.giphy.com/media/juSCTzqDAV1Xq/giphy.gif?cid=ecf05e47o15qrxexg6w8q8z30c4filenjedctd17k2wvhcjv&ep=v1_gifs_related&rid=giphy.gif&ct=g");
            --tab-2-thumbnail: url("https://media.giphy.com/media/lJNoBCvQYp7nq/giphy.gif?cid=ecf05e47uqdkzy86b54t9u77jr0bfop7uppljcbu4r5ravcy&ep=v1_gifs_related&rid=giphy.gif&ct=g");
            --tab-3-thumbnail: url("https://media.giphy.com/media/y5OffROvBod0s/giphy.gif?cid=ecf05e47uqdkzy86b54t9u77jr0bfop7uppljcbu4r5ravcy&ep=v1_gifs_related&rid=giphy.gif&ct=g");
            --tab-4-thumbnail: url("https://media.giphy.com/media/H5mx6uIAAiaru/giphy.gif?cid=ecf05e47uqdkzy86b54t9u77jr0bfop7uppljcbu4r5ravcy&ep=v1_gifs_related&rid=giphy.gif&ct=g");
        }

/* 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: 5%;
            width: 20%;
            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: 950px;
            aspect-ratio: 1/1;
            position: relative;
            font-family: 'MS Pgothic';
            font-size: 100%;
            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: 1%/1%;
            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: 10px;
            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: 14px;
            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: 14px;
            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: 14px;
            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: 60%;
            width: 80%;
            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,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);
            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)
        }
    </style>
    <div class="dantendo">
        <div class="screen-division upper-screen">
            <div class="screen">
                <div class="dantendo-bar"><span>Name of the Website</span> 01/01 11:11 - </div><img src=""
                    class="welcome-image" />
                <div class="dantendo-tab" id="tab-1">
                    <h6 class="tab-title"></h6>
                    <p class="tab-content"></p>
                </div>
                <div class="dantendo-tab" id="tab-2">
                    <h6 class="tab-title"></h6>
                    <p class="tab-content"></p>
                </div>
                <div class="dantendo-tab" id="tab-3">
                    <h6 class="tab-title"></h6>
                    <p class="tab-content"></p>
                </div>
                <div class="dantendo-tab" id="tab-4">
                    <h6 class="tab-title"></h6>
                    <p class="tab-content"></p>
                </div>
            </div>
        </div>
        <div class="screen-divider">
            <div class="camera-thingy"></div>
        </div>
        <div class="screen-division lower-screen">
            <div class="arrows">
                <div class="arrow-up"><a href="#/"></a></div>
                <div class="arrows-left-right"><a href="#/"></a> <a href="#/"></a></div>
                <div class="arrow-down"><a href="#/"></a></div>
            </div>
            <div class="screen"><a href="#/" class="thumbnail" id="tab-1-button"><img src="" alt="tab 1 thumbnail" />
                </a><a href="#/" class="thumbnail" id="tab-2-button"><img src="" alt="tab 2 thumbnail" /> </a><a
                    href="#/" class="thumbnail" id="tab-3-button"><img src="" alt="tab 3 thumbnail" /> </a><a href="#/"
                    class="thumbnail" id="tab-4-button"><img src="" alt="tab 4 thumbnail" /></a></div>
            <div class="buttons">
                <div class="button-x"><a href="#/"></a></div>
                <div class="buttons-y-a"><a href="#/"></a> <a href="#/"></a></div>
                <div class="button-b"><a href="#/"></a></div>
            </div>
            <div class="start-btn">START</div>
            <div class="select-btn">SELECT</div><a href="#/" class="power-button">POWER</a>
        </div>
    </div>

</body>

</html>

Nintendo DS Original Code

Source: Dantendo DS

==== 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://cdn.donmai.us/original/bb/9f/bb9f9d4e94d86fb9346f278de7fc8c5a.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: kids";
        --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://images2.imgbox.com/da/68/jgYuVTnR_o.gif");
        --tab-2-thumbnail: url("https://images2.imgbox.com/bb/92/rDL6BjcM_o.gif");
        --tab-3-thumbnail: url("https://images2.imgbox.com/4a/e8/oPtxhCUI_o.gif");
        --tab-4-thumbnail: url("https://images2.imgbox.com/03/02/aP4PueaS_o.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,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);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)}</style><div class="dantendo"><div class="screen-division upper-screen"><div class="screen"><div class="dantendo-bar"><span>Dantendo</span> 20/03 11:11</div><img src="" class="welcome-image"/><div class="dantendo-tab" id="tab-1"><h6 class="tab-title"></h6><p class="tab-content"></p></div><div class="dantendo-tab" id="tab-2"><h6 class="tab-title"></h6><p class="tab-content"></p></div><div class="dantendo-tab" id="tab-3"><h6 class="tab-title"></h6><p class="tab-content"></p></div><div class="dantendo-tab" id="tab-4"><h6 class="tab-title"></h6><p class="tab-content"></p></div></div></div><div class="screen-divider"><div class="camera-thingy"></div></div><div class="screen-division lower-screen"><div class="arrows"><div class="arrow-up"><a href="#/"></a></div><div class="arrows-left-right"><a href="#/"></a> <a href="#/"></a></div><div class="arrow-down"><a href="#/"></a></div></div><div class="screen"><a href="#/" class="thumbnail" id="tab-1-button"><img src="" alt="tab 1 thumbnail"/> </a><a href="#/" class="thumbnail" id="tab-2-button"><img src="" alt="tab 2 thumbnail"/> </a><a href="#/" class="thumbnail" id="tab-3-button"><img src="" alt="tab 3 thumbnail"/> </a><a href="#/" class="thumbnail" id="tab-4-button"><img src="" alt="tab 4 thumbnail"/></a></div><div class="buttons"><div class="button-x"><a href="#/"></a></div><div class="buttons-y-a"><a href="#/"></a> <a href="#/"></a></div><div class="button-b"><a href="#/"></a></div></div><div class="start-btn">START</div><div class="select-btn">SELECT</div><a href="#/" class="power-button">POWER</a></div></div>

CSS Tabs

Source: WPShout

<-- Paste this between <head></head> -->
<style>
        * {
            box-sizing: border-box;
        }

*:focus,
        input:focus+label {
            outline: none;
            box-shadow: inset 0 0 0 5px lightBlue;
        }

body {
            padding: 30px 20px;
            background: #fff;
            color: #333;
        }

main {
            max-width: 801px;
            margin: auto;
        }

h1 {
            text-align: center;
            margin-top: 0;
        }

h2 {
            margin: 0 0 12px;
            font-size: 30px;
        }

p {
            margin: 0 0 20px;
            font-size: 20px;
            line-height: 1.5;
        }

.tabs {
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto 20px;
            border-radius: 10px 10px 0 0;
        }

.radiotab {
            position: absolute;
            opacity: 0;
        }

.label {
            width: 100%;
            padding: 22px 20px;
            background: #e5e5e5;
            cursor: pointer;
            font-weight: bold;
            font-size: 23px;
            color: #7f7f7f;
            transition: background .3s, color .3s;
            border: none;
            border-radius: 0;
            text-align: center;
        }

.label:hover {
            background: #d8d8d8;
        }

.label:active {
            background: #ccc;
        }

.radiotab:checked+.label {
            background: #fff;
            color: #000;
            border-top: solid 2px #000;
            border-left: solid 2px #000;
            border-right: solid 2px #000;
            border-bottom: none;
        }

.panel {
            display: none;
            padding: 20px 30px 30px;
            background: #fff;
            width: 100%;
            border-left: solid 2px #000;
            border-bottom: solid 2px #000;
            border-right: solid 2px #000;
        }

.radiotab:checked+.label+.panel {
            display: block;
        }

@media (min-width: 600px) {
            .panel {
                order: 99;
            }

.label {
                width: 33.33%;
                border-radius: 10px 10px 0 0;
                border-bottom: solid 2px #000;
            }

}
    </style>
                                <-- Paste this on <body></body> -->
                                    <main>
        <h1 tabindex="1">Pure CSS Accessible Tabs</h1>
        <p tabindex="1">The tab component below is accessible via the keyboard and is built with pure HTML and CSS (no
            JavaScript). Use the left/right or up/down arrow keys to move between the tabs after tabbing into or
            otherwise focusing the component.</p>
        <div class="tabs">
            <input class="radiotab" name="tabs" tabindex="1" type="radio" id="tabone" checked="checked">
            <label class="label" for="tabone">Tab One</label>
            <div class="panel" tabindex="1">
                <h2>Tab One Content</h2>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
                    amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
            </div>
            <input class="radiotab" tabindex="1" name="tabs" type="radio" id="tabtwo">
            <label class="label" for="tabtwo">Tab Two</label>
            <div class="panel" tabindex="1">
                <h2>Tab Two Content</h2>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
                    amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit
                    amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae,
                    ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci,
                    sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent
                    dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.
                    Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
            </div>
            <input class="radiotab" tabindex="1" name="tabs" type="radio" id="tabthree">
            <label class="label" for="tabthree">Tab Three</label>
            <div class="panel" tabindex="1">
                <h2>Tab Three Content</h2>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
                    amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>

<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                    Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit
                    amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
            </div>
        </div>

<p tabindex="1">The tab component will switch to a vertical accordion on smaller screens.</p>
    </main>