h1{
	text-align: center;
}
body {
            margin: 0;
            overflow: auto;
            background-color: rgb(74, 151, 130);
			font-family: Arial, sans-serif;
			color: white;
			padding: 5px;
        }
        canvas.emscripten {
            border: 0 none;
            max-width: 80%;
            max-height: 50vh;
            margin:0 auto;
            border: 5px solid rgb(0, 64, 48);
            display: block;
        }
        .fullscreen-toggle {
            z-index: 1000;
            cursor: pointer;
			width: 200px;
        }
        .fullscreen-toggle input {
            display: none;
        }
        .fullscreen-toggle label {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            background: #333; /* Solid background color */
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 8px;
            color: white;
            font-family: Arial, sans-serif;
            font-size: 18px;
            transition: all 0.2s ease;
        }
        .fullscreen-toggle label:hover {
            background: #444; /* Slightly lighter on hover */
            border-color: rgba(255, 255, 255, 0.5);
        }
        .fullscreen-toggle label:active {
            transform: scale(0.95);
        }
        .fullscreen-toggle label::before {
            content: "⛶";
            font-size: 24px;
        }
        .fullscreen-toggle input:checked + label::before {
            content: "🗗";
        }

.game-descreption-section{
			text-align: center;
			margin: 20px auto;
			max-width: 800px;
			padding: 10px;
			background-color: rgba(255, 255, 255, 0.1);
			border-radius: 10px;
			display: inline-block;
			width: 40%;
		}
		.game-descreption-section p {
			font-size: 16px;
			line-height: 1.5;
		}
		.game-descreption-section h2 {
			margin-bottom: 10px;
		}
		.game-descreption-section ol {
			text-align: left;
			margin: 10px auto;
			padding-left: 20px;
			font-size: 16px;
		}
.implementation-descreption-section{
			text-align: center;
			margin: 20px auto;
			max-width: 800px;
			padding: 10px;
			background-color: rgb(0, 64, 48);
			border-radius: 10px;
			display: inline-block;
			width: 40%;
		}
		.implementation-descreption-section p {
			font-size: 16px;
			line-height: 1.5;
		}
		.implementation-descreption-section h2 {
			margin-bottom: 10px;
		}
		.implementation-descreption-section ul {
			text-align: left;
			margin: 10px auto;
			padding-left: 20px;
			font-size: 16px;
		}

.sections-container{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;
			margin-top: 20px;
		}
footer{
			text-align: center;
			margin-top: 20px;
			padding: 10px;
			background-color: rgb(26, 42, 128);
			border-radius: 10px;
			color: white;
			font-size: 14px;
		}
	footer a {
			color: red;
			text-decoration: none;
		}		
section:hover {
			transform: scale(1.05);
			transition: transform 0.3s ease;
		}
code 
{
	font-family: 'Courier New', Courier, monospace;
	letter-spacing: 3px;
}