body {
                background: url(/incense/bg.webp);
                background-size: cover;
                background-position: 0% 60%;
                background-attachment: fixed;
                font-size: 1.1em;
            }
            .wrapper {
                width: 577px;
                height: 450px;
                height: 450px;
                margin: 0 auto;
                margin-top: 5em;
                position: relative;
            }
            .container {
                width: 100%;
                background-color: #38291d;
                height: 100%;
                margin: 0 auto;
                border: 1px solid #667e8e;
                position: relative;
                z-index: 2;
                padding:5px;
            }
            .tab {
                display: none;
            }
            #home {
                display: block;
            }

            .tabicon::before {
            }
            nav {
                width: 20%;
                display: flex;
                flex-direction: column;
                gap: 5px;
                position: absolute;
                z-index: 1;
                left: -1.6em;
                top: 10px;
            }
            button {
                transition: 0.5s;
                background: #82ac6f;
                height: 30px;
                border-radius: 5px;
                border: 1px solid #386f2e;
                color: transparent;
            }
            button:hover {
                transform: translateX(-80px);
                transition: 0.5s;
                text-align: left;
                text-shadow:
                    1px 1px 0 #582911,
                    -1px -1px 0 #582911,
                    -1px 1px 0 #582911,
                    1px -1px 0 #582911;
                background: rgba(130, 172, 111, 0.7);
                border: 1px solid #386f2e;
                color: white;
                cursor: pointer;
                font-style: italic;
            }
            .ethel {
                writing-mode: vertical-lr;
                word-wrap: break-word;
                color: #ffbb89;
                width: 5px;
                letter-spacing: 5px;
                position: absolute;
                height: 500px;
                left: -35px;
                top: 8.7em;
            }
            .ethel span {
                letter-spacing: normal;
                font-style: italic;
                color: #ff6161;
            }
            #music {
                position: absolute;
                bottom: -2.6em;
                display: flex;
                background: rgba(144, 137, 105, 0.5);
                margin: auto;
                border: 3px double #000;
                padding: 5px;
                left:-1px;
            }

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

            .play,
            .pause {
                color: #ffe0c0;
            } 

            .pause {
                display: none;
                height:16px;
            }


            .label {
                margin-left: 8px;
                color: white; 
                margin-top:2px;
                font-size:11px;
            }
            h2{
                margin:0;
                font-style: italic;
                color:#ffdb97;
            }
            nav  button:nth-child(2){
                background: #678658;
                border: 1px solid #71ac67;
            }
            nav  button:nth-child(2):hover{
                background: rgba(103, 134, 88, 0.7);
            }
            nav  button:nth-child(3){
                background: #4a623e;
                border: 1px solid #658b5e;
            }
            nav  button:nth-child(3):hover{
                background: rgba(74, 98, 62, 0.7);
                border: 1px solid #658b5e;
            }
            nav  button:nth-child(4){
                background: #304029;
                border: 1px solid #496743;
            }
            nav  button:nth-child(4):hover{
                background: rgba(48, 64, 41, 0.7);
                border: 1px solid #496743;
            }
            .card{
                width:30%;
                background-color: #ece2ab;
                height:50%;
                margin-top:5px;
                padding:5px;
                border-radius:5px;
                border: 3px double #000;
                  box-shadow: 0px 0px 10px inset #5a2a00, 0px 0px 4px inset #8e85ff;
                display: inline-block;
            }
            #home , #comb , #fav , #non{
                width:100%;
                height:100%;
            }
            .card img{
                width:60%;
                height:47%;
                display: block;
                margin:0 auto;
                border: 3px double #000;
            }
            .card p{
                margin:5px;
            }
            .images{
                width:100%;
                height:36.5%;
                margin-top:5px;
            }
            .images img{
                width:24.4%;
                height:100%;
            }
            .text{
                float:right;
                width:64%;
                background-color: #afb97b;
                padding:5px;
                margin:0;
                margin-top:5px;
                height:50%;
                border: 3px double #000;
                overflow: auto;
            }
            h2{
                font-size: 1.49em;
            }