@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Great+Vibes&family=IM+Fell+English+SC&family=Rye&display=swap');
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
			font-size: 16px;
			color: #ffffff;
        }
        .grid_wall {
            display: grid;
            grid-template-columns: 16px 1fr 16px 3fr;
            height: 100%;
        }
		.tassel {
			background: linear-gradient(90deg, #94773e 10%, #665a2c 40%, #c5a447 70%, #94773e 100%);
		}
		.container_cabinet {
			background-image: url('texture_wood.gif');
            background-repeat: repeat;
			padding: 1rem;
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 1);
			position: relative;
        }
		.container_wallpaper {
			display: grid;
            grid-template-columns: 5fr 1fr;
			background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)), url('texture_wallpaper.gif');
            background-repeat: repeat;
			padding: 1rem;
			position: relative;
		}
		.upper_shelf {
			height: 200px;
			background-color: #23120e;
			margin-bottom: 1rem;
			border: 4px double #4a3021;
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.7);
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: flex-end;
			gap: 2rem;
		}
		.misc {
			max-height: 200px;
		}
		.common_shelf {
			height: 100px;
			background-color: #23120e;
			margin-bottom: 1rem;
			border: 4px double #4a3021;
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.7);
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: flex-end;
			gap: 2rem;
		}
		.navigation_header {
			font-family: "Cinzel", serif;
			color: #94773e;
			text-align: center;
			margin-bottom: 1rem;
			font-size: 1.2rem;
			font-weight: 500;
		}
		.cabinet_nav {
			font-family: "Cinzel", serif;
			background: linear-gradient(135deg, #4a3021 10%, #321c13 30%, #331c13 60%, #4a3021 100%);
			margin-bottom: 1rem;
			border: 4px double #94773e;
			text-align: center;
			color: #94773e;
			font-size: 1rem;
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.7);
		}
		.cabinet_nav:hover {
			transform: scale(1.02);
			background: linear-gradient(135deg, #3c442f 10%, #616943 30%, #3d491f 60%, #3c442f 100%);
			border: 4px double #98ad66;
			color: #d6e2ad;
			filter: sepia(0.3);
		}
		.plaque {
			font-family: "Cinzel", serif;
			background: linear-gradient(135deg, #4a3021 10%, #321c13 30%, #331c13 60%, #4a3021 100%);
			margin-bottom: 1rem;
			border: 4px double #94773e;
			text-align: center;
			color: #94773e;
			font-size: 1rem;
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.7);
			padding: 0;
		}
		.plaque h1{
			font-family: "Cinzel", serif;
			color: #94773e;
			font-size: 1.2rem;
			font-weight: 700;
		}
		.plaque p{
			font-family: "Cinzel", serif;
			color: #94773e;
			font-size: 1rem;
			font-weight: 500;
		}
		.wall {
			display: grid;
            grid-template-rows: auto 1fr;
			background-color: none;
		}
		.picturewall {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			gap: 2rem;
		}
		.wrdesk {
			display: grid;
            grid-template-columns: 1fr 3fr 1fr;
			background-image: url('texture_wood.gif');
            background-repeat: repeat;
			box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 1);
			padding: 1rem;
			border-radius: 1rem;
			margin-top: 1rem;
		}
		.piconthewall {
			background: linear-gradient(135deg, #94773e 10%, #665a2c 40%, #c5a447 70%, #94773e 100%);
			border: 2px solid #94773e;
			padding: 0.5rem;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
		}
		.piconthewall img {
			height: 200px;
			border: 2px solid #665a2c;
		}
		.piconthewall:hover{
			transform: scale(1.05);
			background: linear-gradient(135deg, #3c442f 10%, #616943 30%, #3d491f 60%, #3c442f 100%);
			border: 2px solid #616943;
			filter: sepia(0.5);
		}
		.wallamp img{
			height: 120px;
		}
		.wallamp img:hover{
			filter: brightness(1.5);
			transition: filter 1s ease;
		}
		.clutter {
			position: relative;
			display: inline-block;
		}
		.clutter_right {
			position: relative;
			display: inline-block;
			overflow: hidden;
		}
		.placed_note{
			transform: rotate(0deg);
			height: 300px;
			position: absolute;
			top: 60px;
			left: 10px;
		}
		.placed_note:hover {
			transform: rotate(-25deg);
			cursor: url('cursor_pen.png'), auto;
		}
		.potted_palm {
			position: relative;
			transform: translate(10px, 30px);
		}
		.potted_palm img{
			height: 500px;
		}
		.potted_palm:hover {
			filter: sepia(0.5);
		}
		.antique_mirror {
			position: relative;
			transform: translate(20px, 100px);
		}
		.antique_mirror img{
			height: 500px;
		}
		.antique_mirror:hover {
			filter: sepia(0.3);
		}
		.tooltip {
			background-color: rgba(0, 0, 0, 0.8);
			color: #d6c8a8;
			font-family: 'IM Fell English SC', serif;
			font-size: 0.75rem;
			padding: 5px 10px;
			border-radius: 3px;
			position: absolute;
			bottom: 45%;
			left: 5%;
			white-space: nowrap;
			letter-spacing: 1px;
			border: 1px solid #94773e;
			transition: opacity 0.5s ease;
			pointer-events: none;
			opacity: 0;
			z-index: 1;
		}
		.tooltip_rotated {
			background-color: rgba(0, 0, 0, 0.8);
			color: #d6c8a8;
			font-family: 'IM Fell English SC', serif;
			font-size: 0.75rem;
			padding: 3px 8px;
			border-radius: 3px;
			position: absolute;
			top: 0%;
			left: 40%;
			white-space: nowrap;
			letter-spacing: 1px;
			border: 1px solid #94773e;
			transition: opacity 0.5s ease;
			pointer-events: none;
			opacity: 0;
			transform: rotate(90deg);
		}
		.antique_mirror:hover .tooltip {
			opacity: 1;
		}
		.potted_palm:hover .tooltip {
			opacity: 1;
		}
		.deskspace {
			display: grid;
            grid-template-rows: auto 1fr;
		}
		.scroll-box {
			max-height: 600px;
			overflow-y: auto;
			background-image: url('texture_paper.png');
            background-repeat: repeat;
			padding: 1rem;
		}
		.scroll-box h1 {
			font-family: "Great Vibes", cursive;
			font-weight: 700;
			font-style: normal;
			font-size: 1.7rem;
			color: #2a0501;
			text-align: center;
			margin: 0 0 1rem 0;
			padding: 0;
		}
		.scroll-box h1::before {
			content: "❧";
			font-size: 1.2rem;
			color: #2a0501;
			margin-right: 0.8rem;
		}
		.scroll-box h1::after {
			content: "☙";
			font-size: 1.2rem;
			color: #2a0501;
			margin-left: 0.8rem;
		}
		.scroll-box p {
			font-family: "IM Fell English SC", serif;
			font-weight: 500;
			font-style: normal;
			font-size: 1rem;
			text-align: justify;
			color: #392f24;
			margin: 0 0 1rem 0;
		}
		.scroll-box blockquote {
			font-family: "Great Vibes", cursive;
			font-weight: 500;
			font-style: normal;
			font-size: 1.5rem;
			color: #392f24;
			text-align: center;
			margin: 0 0 1rem 0;
			padding: 0;
		}
		.big_letter {
			font-family: "Rye", serif;
			font-weight: 500;
			font-style: normal;
			line-height: 0.8;
			font-size: 2.5rem;
			float: left;
			text-align: justify;
			color: #2a0501;
			margin-top: 6px;
			margin-right: 4px;
		}
		.scroll-box::-webkit-scrollbar {
			width: 10px;
		}
		.scroll-box::-webkit-scrollbar-track {
			background: #2e1313;
			border-radius: 1px;
			border: 1px solid #4f0603;
		}
		.scroll-box::-webkit-scrollbar-thumb {
			background: linear-gradient(90deg, #665a2c 10%, #94773e 20%, #665a2c 45%, #c5a447 55%, #94773e 80%, #665a2c 100%);
			border-radius: 1px;
		}
		.placed_cup {
			position: relative;
			top: 420px;
			left: 20px;
		}
		.placed_cup img{
			height: 200px;
		}
		.placed_cup:hover {
			transform: translateY(-20px);
			transition: translate 0.3s ease;
		}
		.placed_puddle {
			position: absolute;
			top: 50px;
			left: -35px;
			opacity: 0;
			filter: sepia(0.4) brightness(0.7);	
			z-index: -1;
		}
		.placed_puddle img{
			height: 400px;
		}
		.placed_cup:hover .placed_puddle{
			opacity: 0.7;
			cursor: url('cursor_towel.png'), auto;
		}
		.placed_papers{
			transform: rotate(15deg);
			height: 400px;
			position: absolute;
			top: 0px;
			left: -120px;
		}
		.placed_papers:hover{
			transform: rotate(60deg);
		}
		.attic_chain{
			position: relative;
			transform: rotate(-90deg) translateX(-30px) translateY(50px);
		}
		.attic_chain img{
			height: 45px;
		}
		.attic_chain:hover{
			transform: rotate(-90deg) translateX(-80px) translateY(50px);
			transition: translate 0.3s ease;
		}
		.attic_chain:hover .tooltip_rotated {
			opacity: 1;
		}
		.placed_watch {
			height: 120px;
			position: relative;
			transform: translateX(10px) translateY(400px);
		}
		.placed_watch img{
			height: 120px;
		}
		.placed_watch:hover{
			transform: translateX(10px) translateY(400px) scale(1.02);
			filter: sepia(0.5);
		}
		.placed_watch:hover .tooltip{
			opacity: 1;
		}
		.thumbnail {
			position: relative;
			transform: translateX(30px) translateY(460px);
			cursor: pointer;
            transition: transform 0.2s;
		}
		.thumbnail img{
			height: 120px;
			transform: rotate(25deg);
		}
		.thumbnail:hover {
            transform: scale(1.02) translateX(30px) translateY(460px);
			filter: sepia(0.7);
        }
		.thumbnail:hover .tooltip{
			opacity: 1;
		}
		.lightbox-content {
			position: relative;
			text-align: center;
			max-width: 100%;
			max-height: 100%;
		}
		.lightbox {
            display: none;
            position: absolute;
			top: 15%;
            width: 75%;
            height: 75%;
            background-color: rgba(0, 0, 0, 0.8);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        .lightbox img {
            max-width: 65%;
            max-height: 65%;
            object-fit: contain;
        }
        .close {
            position: absolute;
            top: 20px;
            right: 35px;
            color: #94773e;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
            z-index: 1001;
            font-family: monospace;
        }
		.close:hover {
            color: #98ad66;
		}
		.lightbox-caption {
			background-color: #dbc18e;
			color: #392f24;
			font-family: 'IM Fell English SC', serif;
			font-size: 1.5rem;
			padding: 1rem 1rem;
			margin-top: 1rem;
			border-radius: 3px;
			display: inline-block;
			border: 4px double #94773e;
		}