#canvas-container
{
		position: relative;
		width: 100%;
		height: 100%;
}

#renderCanvas
{
		flex: 1;
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #CCCCCC;
		border-radius: 2px;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
		background: linear-gradient(135deg, #ffffff, #e0f7fa);
		position: relative;
		z-index: 1;
}

#fullscreenButton
{
		position:absolute;
		bottom: 5px;
		right: 5px;
/*
		padding: 5px 5px;
*/
		background-color: white;

		border: none;
		border-radius: 5px;
		cursor: pointer;
		width: 50px;
		height: 50px;
		z-index:100;
		opacity:0.5;

		background-image: url('https://www.ydm.solutions/wp-content/uploads/2025/04/fullscreen.png');
		
		background-size: cover;
		background-position: center;
		outline: none;
		
}

#fullscreenButton:hover
{
		opacity:1;
}


#bottom-footer .tg-container {
    text-align: right;
		padding-top: 2vh;
}


.tg-container p {
    color: #ccc; /* Set your desired text color */
}


.tg-container a {
    color: #ccc; /* Color for  tags inside .container */
    text-decoration: none; /* Optionally remove underline if you don't want it */
}

.tg-container a:hover {
    color: #f5ca37; /* You can add a different color on hover if desired */
}