body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #121212;
            color: #ffffff;
            font-family: Arial, sans-serif;
        }

.matomo-tracking-pixel {
    border: 0;
}

        .container {
            width: 80%;
            max-width: 800px;
            position: relative;
            overflow: hidden;
            background: #1e1e1e;
            border: 2px solid #3E3E3E;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .img {
			display: block;
            width: 100%;
            padding-top: 56.25%; /* 16:9 Aspect Ratio */
            background: url('../img/mja.webp') center center no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
        }

        .loading-text {
            position: absolute;
			top: 50%;
			left: 50%;
			font-size: 8em;
            transform: translate(-50%, -50%);
            color: rgba(255, 255, 255, 0.3);
            text-transform: lowercase;
            letter-spacing: 15px;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
			transition: color 0.3s ease;
        }

        .mail {
			opacity: 15%;
            position: absolute;
            top: 93%;
            left: 76%;
            transform: translate(-50%, -50%);
            font-size: 1.5em;
            color: rgba(255, 255, 255, 0.3);
            text-transform: lowercase;
            letter-spacing: 5px;
            text-align: center;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
			transition: opacity 0.3s ease;
        }

        .container:hover .img,
        .container:active .img {
            transform: scale(1.15);
        }

		.container:hover .loading-text,
		.container:active .loading-text {
	        color: rgba(255, 255, 255, 0.5);
			cursor: wait;
		}

		.container:hover .mail,
		.container:active .mail {
			opacity: 100%;
			cursor: help;
		}

        @media (max-width: 1024px) {
            .loading-text {
                font-size: 5em;
            }
	        .mail {
				font-size: 1.5em;
		        top: 90%;
       		    left: 70%;
    	    }
		}


        @media (max-width: 768px) {
            .loading-text {
                font-size: 3em;
            }
	        .mail {
				font-size: 1em;
		        top: 90%;
       		    left: 68%;
    	    }
		}
			
        @media (max-width: 480px) {
            .loading-text {
                font-size: 2em;
            }
	        .mail {
				font-size: 0.8em;
		        top: 90%;
       		    left: 60%;
    	    }
        }