/* Basic reset and styling */
        body {
            font-family: Arial, sans-serif;
            background-color: #afb3b2;
            color: #333;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
			margin-bottom: 30px;
        }
        h1 {
            margin-bottom: 20px;
			text-align: center;
			font-weight: bold;
			border-color: #ffff;
			border-radius: 5px;
			background-color: #bbbb;
			padding: 15px;
			width: 90%;
			box-shadow: 0 4px 8px rgba(10, 74, 64);
        }
		
		/* Container color styling */
        .wood-code-container {
            width: 90%;
            max-width: 800px;
            background-color: #b0d6d0;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(10, 74, 64);
            margin-bottom: 20px;
            padding: 20px;
        }
		
		/* Code box styling */
        .wood-code-box {
            background-color: #1e293b;
            color: green;
            font-family: monospace;
			font-size: 11px;
            padding: 15px;
            border-radius: 6px;
            position: relative;
            overflow-x: auto;
			box-shadow: 0 4px 8px rgba(10, 74, 64);
        }
		
		/* Description styling */
        .wood-description {
            font-size: 1rem;
			color: black;
            margin-bottom: 10px;
			font-weight: bold;
        }
		
		.hover {
			cursor: pointer;
			background-color: hsl(0, 0%, 20%); 
			color: white;
			padding: 5px ; 
			border-radius:5px;
			width: auto;
			margin: auto;
			margin-bottom: 1px;
			border-color: yellow;
		} 

		.hover:hover {
			background-color: yellow;
			box-shadow: 2px 4px white;
			color: black;
			border-color: #ffff;
		}
		
		footer {
			position: fixed;
			bottom: 10px;
			width: 100%;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			color: black;
			border-radius: 100px;
			border: 2px solid white;
			box-shadow: 0 4px 8px rgba(10, 74, 64);
		}